Как отправить данные, а также дочерний компонент к компоненту - JavaScript - реагировать

Question

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

вышеприведенный код работает, я обертываю компонент MessageList компонентом Scroll, вопросы и ответы будут получены компонентом 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> 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}