how did "this.props.topics" get defined inside MainSection::render ? about reactgo

[choonkending]

@InstanceOfMichael

this.props.topics gets passed the topics from it's Parent Component - Vote.react.js.

export default class Vote extends React.Component {
  constructor(props) {
    super(props);
    this.state = TopicStore.getState();
  }

  componentDidMount() {
    TopicStore.listen(this._onChange);
  }

  componentWillUnmount() {
    TopicStore.unlisten(this._onChange);
  }

  _onChange = () => {
    this.setState({
      topics: TopicStore.getState().topics,
      newTopic: TopicStore.getState().newTopic
    });
  }

  render() {
    return (
      <div className="vote">
        <EntryBox topic={this.state.newTopic} />
        <MainSection topics={this.state.topics} />
        <Scoreboard topics={this.state.topics} />
      </div>
    );
  }
}

So the topics are from TopicStore, which was bootstrapped with data from the server on first load.

Not sure if that helps? I need a bit more context to help out :)

[carcinocron]

Yes, that was helpful, thank you!