使用ReactJs提交无线电输入并将活动类设置为当前选择

Question

我正在尝试提交附加到从单选按钮中选择的选项的event_type。例如，如果选择“professional”，我想将event_type设置为提交的数据。还将“活动”类设置为当前选定的标签。我想弄清楚如何做到这一点。有帮助吗？感谢

AgentApplication

Answer 1

var MyComponent = React.createClass({

    render: function() {
    <label className={this.state.isActive}>
            <input type="radio" name="event_type" id="professional" value="professional" onChange={this._onselectRadio(e)} />
    </label>

    },

    _onselectRadio: function(e) {
        var event_type= e.target.name;
        // submit stuff
        this.setState({
            isActive = "active"
        });
    }



});

由于你有几个标签，你必须动态渲染你的无线电输入，并检查e.target.name是否等于你的标签ID /名称，就像这样。