是ReactJ的新功能,并实现了实现。我在组件中通过react-materialize创建了两个输入元素类型Radio。两者都在DOM中呈现。
我单击第一个单选选项并触发onChange事件。单击后,第一次单击时未选择第二个选项,但第二次单击时工作正常。单击任何选项后,两者均不会触发事件。
“反应”:“ ^ 16.5.2” “ react-materialize”:“ ^ 2.4.8”,
此问题与该解决方案相同,并尝试使用该解决方案,但是无法正常工作https://github.com/react-materialize/react-materialize/issues/422
import React, {Component} from 'react';
import {Input} from 'react-materialize';
class Section extends Component {
render() {
return (
<div className="row">
{
this
.props
.options
.map((option, index) => (
<div key={index} className="col s6">
<Input
type="radio"
name="report"
className="with-gap"
value={option.value}
checked = {this.props.selected}
key={index}
onChange={(e)=>console.log(e.target.value)}
label={option.label}/>
</div>
))
}
</div>
);
}
}
我希望第一次单击时应选择两个单选选项的输出,并在所有单击时调用onChange。请纠正我犯了什么错误。