如何将数据以及子组件发送到组件-JavaScript-react

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

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

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

我认为这是错误的，因此请尝试这样做。

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

Answer 2

道具结束时间在错误的位置。您必须将其放入滚动组件中。试试这部分代码

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

代替

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