javascript - Reactjs : Read value of a Radio Button

Question

我有以下用于单选控制的代码:

    <Radio
        inline
        id={item}
        enter code herename="stackedRadios"
        value={item}
        label={item}
        checked={this.state.checked == item}
        onChange={this.handleChange.bind(this, item, quesId)}
    />

句柄更改函数是:

    handleChange (value, quesId) {
        this.setState({checked: value})
    }

在句柄更改函数中，我试图在控制台上打印该值，但控制台上没有打印任何内容。现在我想要的是从 radio 中获取选定的值，但未能获取。请提供同样的帮助。

Answer 1

由于您使用了带有 2 个参数的绑定(bind)，因此通常是第一个参数的 event 将是第三个。

 handleChange (value, quesId, event) {
   this.setState({ checked: event.target.checked })
 }

如果您不需要前两个值，则不要绑定(bind)。另外，您不应该在渲染内部使用绑定(bind)，因为这会导致 Radio 组件在每次渲染时都拥有新的 props，即使没有任何更改，因为每次渲染都会创建一个新函数。