【问题标题】:Reactjs : Read value of a Radio ButtonReactjs:读取单选按钮的值
【发布时间】:2018-02-05 19:24:11
【问题描述】:

我有以下用于无线电选择控制的代码:

    <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})
    }

在句柄更改功能中,我试图在控制台上打印值,但控制台上没有打印任何内容。 现在我想要的是从收音机中获取选定的值,但没有得到。请帮忙。

【问题讨论】:

    标签: javascript reactjs radio-button


    【解决方案1】:

    由于您使用了带有 2 个 args 的 bind,event 通常是第一个 arg,将是第三个。

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

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

    【讨论】:

    • 顺便说一句:Ryan Florance(redux-router 的作者)关于内联函数性能问题的讨论:cdb.reacttraining.com/…
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-04-13
    • 1970-01-01
    • 1970-01-01
    • 2018-10-24
    • 2021-09-21
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多