Javascript 反应:-它';它没有呈现我的HTML

Javascript 反应:-它';它没有呈现我的HTML,javascript,reactjs,Javascript,Reactjs,我试图用输入类型单选和提交按钮创建简单的HTML表单,但不知道为什么它不呈现我的HTML,甚至在控制台上也没有显示任何错误 这里是它的JSIDLE:React component必须只有一个根元素,现在在RadioOptionGroup中,您正在尝试返回几个元素 var RadioOptionGroup = React.createClass({ render: function() { var options = this.props.options.map(function(op

我试图用输入类型单选和提交按钮创建简单的HTML表单,但不知道为什么它不呈现我的HTML,甚至在控制台上也没有显示任何错误


这里是它的JSIDLE:

React component必须只有一个根元素,现在在
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>;
  }
});
var RadioOptionGroup=React.createClass({
render:function(){
var options=this.props.options.map(函数(选项,索引){
返回{option.label};
});
返回{options};
}
});

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>;
  }
});
var RadioOptionGroup=React.createClass({
render:function(){
var options=this.props.options.map(函数(选项,索引){
返回{option.label};
});
返回{options};
}
});

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

你的放射组应该是

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

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

你的放射组应该是

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

请勾选“[我该如何问一个好问题?]()”。请在问题中包含所有相关信息。请勾选“[我如何提出一个好的问题?]()”。请在问题本身中包含所有相关信息。@Ravi Juneja您能给出反馈吗?@Ravi Juneja您看到示例了吗?@Ravi Juneja您能给出反馈吗?@Ravi Juneja您看到示例了吗?