錯誤與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> 
 
}