Как отправлять данные, а также дочерний компонент компоненту - JavaScript - реагировать
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, но он не работает. Как решить эту проблему?
вы не использовали endTime в качестве опоры для Scroll. Потому что вы использовали <Scroll>endTime = {this.state.endTime}. Я думаю, что это было неправильно, поэтому предлагаю вам использовать <Scroll endTime = {this.state.endTime}>
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 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>
)
}
Время окончания пропуска указано не в том месте. Вы должны поместить его в компонент прокрутки. Попробуйте эту часть кода
<Scroll endTime = {this.state.endTime} >
Вместо
<Scroll>
endTime = {this.state.endTime}
Вы можете передать его как props и использовать как this.props.endTime. Или, если вы хотите использовать его так, как вы написали, вы должны получить его из детских реквизитов. render () {return (<Scroll endTime = {this.state.endTime}> <MessageList questions = {this.state.questions} answers = {this.state.answers} /> </Scroll>)}