错误与CONCAT阵营

Question

我需要Concat的这些VARS，并在控制台显示这一点：

模块构建失败：语法错误：相邻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> 

Answer 1

正如错误消息所述，您只能在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> 
 
}