javascript - 如何将数据以及子组件发送到组件 - JavaScript - 反应

Question

render() {
    return(
        <Scroll>
            <MessageList
                questions={this.state.questions}
                answers={this.state.answers}
            />
        </Scroll>
    )
}

上面的代码是有效的，我用 Scroll 组件包装 MessageList 组件，问题和答案将被 MessageList 组件作为道具接收。好的！

现在，如果我还想向 Scroll 组件发送数据，例如：

render() {
    return(
        <Scroll>
            endTime={this.state.endTime}
            <MessageList
                questions={this.state.questions}
                answers={this.state.answers}
            />
        </Scroll>
    )
}

请注意，我正在尝试将 endTime 传递给 Scroll 组件，但它不起作用。如何解决这个问题？

Answer 1

道具结束时间在错误的地方。你必须把它放在滚动组件中。试试这部分代码

<Scroll endTime={this.state.endTime}  >

代替

<Scroll> 
           endTime={this.state.endTime} 

Answer 2

你没有endTime用作 Scroll 的道具。因为你用过

<Scroll> endTime={this.state.endTime}.

我认为这是错误的，所以请尝试这样做。

render() {
    return(
        <Scroll endTime={this.state.endTime}>
            <MessageList
                questions={this.state.questions}
                answers={this.state.answers}
            />
        </Scroll>
    )
}