onClick 和 onChange 不会在 reactjs 中 safari 的单选按钮上触发

Question

在reactjs中处理无线电按钮上的最佳实践是什么？无线电按钮在野生动物园中不起作用该文档在"处理事件"文档上使用" onClick"显示，并在"表单"文档中使用" onChange"显示。OnChange仅在收音机按钮上发射一次，因此我目前正在为他们使用OnClick。

Answer 1

带有复选框的示例。使用无线电按钮，我假设您有一个无线电组。

构造函数：

constructor() {
    super();
    this.state = {
        agreements: false,
    };
    this.handleSwitchChange = this.handleSwitchChange.bind(this);
}

在函数andlesWitchChange

中

handleSwitchChange(event){
    const target = event.target;
    const value = target.type === 'checkbox' ? target.checked : target.value;
    const name = target.name;
    this.setState({
        [name]: value
    });
}

和渲染函数：

           <div className="col-xs-12">
                <label className="label">
                    <input type="checkbox" name="agreements" checked={this.state.agreements} value={this.state.agreements} onClick={this.handleSwitchChange}/>
                    <span></span>
                    &nbsp;I agree to the term
                </label>
            </div>

编辑：handleswitchchange函数不在渲染函数中;）