Question

我尝试使用输入类型广播和提交按钮制作简单的HTML表单，但不知道为什么它不会渲染我的HTML，甚至也没有在控制台上显示任何错误。

这里是jsfiddle：JsFiddle

Answer 1

React render方法必须只有一个父元素，您尝试加载多个父方法，请检查此代码Check here

你的RadioOptionGroup应该像

 var RadioOptionGroup = React.createClass({
  render: function(){
    return(
      <div>
      {this.props.options.map(function(option){
        return(
        <RadioOption value={option.value}>{option.label}</RadioOption>
      );
  })}
  </div>
      );
  }
});

Answer 2

React组件必须只有一个根元素，现在在RadioOptionGroup中您尝试返回多个元素。

var RadioOptionGroup = React.createClass({
  render: function() {
    var options = this.props.options.map(function(option, index) {
      return <RadioOption
                key={ index }
                value={ option.value }>{option.label}</RadioOption>;
    });

    return <div>{ options }</div>;
  }
});

Example

反应： - 它没有呈现我的HTML

2 个答案: