Javascript 将单选按钮值添加到react中的父组件

父组件存储所有状态

函数

myChangeHandler

触发任何

onChange

并更改状态

myChangeHandler（事件）{ 这是我的国家({ [event.target.name]：event.target.value }))

在更改单选按钮的值时，应在“指南是”行中返回 这是代码，如果我遗漏了什么，请告诉我

//获取一个钩子函数
const{useState}=React；
类父类扩展了React.Component{
建造师（道具）{
超级（道具）；
此.state={
用户名：“”，
可用：'可用'，
$avail:‘不可用’，
品牌指南：''，
};
this.myChangeHandler=this.myChangeHandler.bind（this）；
}
myChangeHandler（事件）{
这是我的国家({
[event.target.name]：event.target.value
});
}render（）{
返回(
)
}
}
子类扩展了React.Component{
render（）{
返回(
用户名
我的用户名：{this.props.username}
我们有一个品牌指南
对
不
指南是：{this.props.brandGuidence}
);
}
};
ReactDOM.render(
,
document.getElementById（“react”）
)；

[event.target.name]：event.target.value

---

您是否未将传递的事件从子级提取到父级

myChangeHandler(event){
......
}

---

您的问题与从父级到子级缺少道具数据有关

喜欢写作：

value={this.state.i\u am\u not\u exist\u prop}；

1/2.第一个错误 之前

{/* Parent Before */}
<Child username = 
  {this.state.username}
  myChangeHandler = {this.myChangeHandler}
/>

2/2.第二个错误 父组件：

myChangeHandler(event) {
  console.log([event.target.name]); /* brandGuideline */
  this.setState({
    [event.target.name]: event.target.value
  })
};

此

[event.target.name]

=“BrandGuidence”（使用

控制台.log

）。 同样，你需要把这个作为道具送给孩子

将

brandGuideline

作为道具传递：

{/* Parent After step 1 & 2 */}
<Child 
  username = {this.state.username}
  myChangeHandler = {this.myChangeHandler}
  avail= {this.state.avail}
  $avail = {this.state.$avail}
  brandGuideline =  {this.state.brandGuideline}
/>

{/*步骤1和2之后的父级*/}

1+2工作段

类父级扩展React.Component{
建造师（道具）{
超级（道具）；
此.state={
用户名：“”，
可用：'可用'，
$avail:‘不可用’，
品牌指南：''，
};
this.myChangeHandler=this.myChangeHandler.bind（this）；
}
myChangeHandler（事件）{
这是我的国家({
[event.target.name]：event.target.value
});
}render（）{
返回(
)
}
}
子类扩展了React.Component{
render（）{
返回(
用户名
我的用户名：{this.props.username}
我们有一个品牌指南
对
不
指南是：{this.props.brandGuidence}
);
}
};
ReactDOM.render(
,
document.getElementById（“react”）
)；

yes将事件参数添加到函数中，但它仍然无法处理无线电值这不是这里唯一的问题（请阅读我的答案）。

{/* Parent After step 1 & 2 */}
<Child 
  username = {this.state.username}
  myChangeHandler = {this.myChangeHandler}
  avail= {this.state.avail}
  $avail = {this.state.$avail}
  brandGuideline =  {this.state.brandGuideline}
/>