与React连接时出错

时间:2017-05-03 14:04:06

标签: reactjs

我需要连接这些变量,并在控制台中显示:

模块构建失败:SyntaxError:相邻的JSX元素必须包装在一个封闭的标记中(2520:54)

<RadioGroup id='satisfied' ref='satisfied' name='satisfied-group' selectedValue={this.state.medicalData.satisfaccion ? String(this.state.medicalData.satisfaccion) : this.state.satisfiedSelectedValue} onChange={this.satisfiedSelection.bind(this)}>
    {Radio => (
        <div className='medical-feel-container'>
        {
          arrayDataLabels[0].labelsNumber.map((label) =>
              <Radio id={`satisfied-${label.name}`} ref={`satisfied-${label.name}`}
              disabled={this.state.disableInputsState} type='radio' value=
              {label.number} className='medical-switch-input'/>

              <label htmlFor={`satisfied-${label.name}`} className={`medical-feel-label color-${label.color}`}>
                {label.number}
              </label>
          )
        }
        </div>
    )}
</RadioGroup>

1 个答案:

答案 0 :(得分:0)

正如错误消息所示,您在render方法中只能有1个jsx标记。没有兄弟姐妹允许。因此,您可以将所有兄弟元素放在父标记中。

render() => {
  <div>
    arrayDataLabels[0].labelsNumber.map((label) =>

      <Radio id={`satisfied-${label.name}`} ref={`satisfied-${label.name}`} 
      disabled={this.state.disableInputsState} type='radio' value=
      {label.number} className='medical-switch-input'/>

      <label htmlFor={`satisfied-${label.name}`} className={`medical-feel-label color-${label.color}`}>
        {label.number}
      </label>
    )   
  </div>
}