小编典典

如何在React中使用单选按钮?

reactjs

我正在填写表格,需要无线电输入。如何在onSubmit函数中获取检查的单选输入,正确的方法是什么?

这是我的代码,我myRadioInput-variable在提交时包含选项A或选项B。

React.createClass({
    handleSubmit: function() {
        e.preventDefault();
        var myTextInput = this.refs.myTextInput.getDOMNode().value.trim();
        var myRadioInput = "How ?";
    },
    render: function() {
        return (
            <form onSubmit={this.handleSubmit}>
                <input type="text" ref="myTextInput" />
                <label>
                    <span>Option A</span>
                    <input type="radio" name="myRadioInput" value="Option A"/>
                </label>
                <label>
                    <span>Option B</span>
                    <input type="radio" name="myRadioInput" value="Option B"/>
                </label>
                <input type="submit" value="Submit this"/>
            </form>
        )
    }
});

阅读 851

收藏
2020-07-22

共1个答案

小编典典

您不应使用ref来访问DOM节点并检查其值。相反,您应该将输入值链接到组件状态的属性。

以下是一些操作方法的示例:https : //facebook.github.io/react/docs/two-way-binding-
helpers.html

2020-07-22