Question

class Parent extends React.Component {
  constructor(props) {
     super(props)
     this.state = {
     input: '',
  }
  this.handler = this.handler.bind(this)
 }

 handler(input) {
   this.setState({
     input: input
   })
 }

 render() {
   return <Child1 handler = {this.handler} />
 }
}

class Child1 extends React.Component {
   render() {
     return (<div> this.props.handler("hey") </div>);
   }
}

此外，如果有Child2是上面的父类的子代，

如此：

Parent
  -Child
  -Child2

我将如何实现它，以便将“嘿”传递给Child2？

Answer 1

请确保我正确地关注了您，您具有两个子组件的父组件并且您想将一个孩子的“嘿”传递给另一个孩子，对吗？

所以基本上您所做的应该没问题，父母得到了嘿参数，并将其设置为状态，现在您要做的就是将Child2的输入作为属性

应如下所示：

<Child2 handler = {this.handler} input={this.state.input}/>

然后，您可以通过参考以下内容访问child2中的输入：

this.props.input

请检查我关于从父级更新子级组件的代码

1 个答案: