Javascript React：将状态从子级传递到子级传递到父级

我试图通过两个子元素将值传递给父元素。该链如下所示：

Child1>Child2>Parent

但是，我的父处理程序没有获取

Child1

中的值。我试图将

字符串的状态记录在父组件中，但是没有显示任何内容。如何将handler函数传递给child1并获取其值以存储在state中

儿童1

  <input ref="theString" type="string" onChange={this.props.handleChangeOfString} value={this.state.theString} />

父组件组件：

<StringComponent
  nav4Content={colorsTab}
  onChange={this.handleChangeOfString}
/>

问题是如何将道具从
child2
传递到
child1
。您不是将值作为道具传递，而是作为
child2
组件中的
childs
传递。换成

<Tab 
   tabId="4" 
   nav4Content={this.props.nav4Content} 
   handleChangeOfString={this.props.onChange}
/>  


这不是成功调用处理程序函数。我正在尝试注销处理程序中的更改，但没有向其传递任何内容。是您的child1组件
选项卡
，还是child1如何从Child2呈现？我必须像您所说的那样返工我的组件并更新道具！
<StringComponent
  nav4Content={colorsTab}
  onChange={this.handleChangeOfString}
/>

handleChangeOfString(e) {
  this.setState({theString: e.target.value})
}

<Tab 
   tabId="4" 
   nav4Content={this.props.nav4Content} 
   handleChangeOfString={this.props.onChange}
/>