错误与CONCAT阵营
问题描述:
我需要Concat的这些VARS,并在控制台显示这一点:错误与CONCAT阵营
模块构建失败:语法错误:相邻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>
答
正如错误消息所述,您只能在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>
}
裹
– Borjante@Borjante里面所有的代码,我编辑我的代码,但错误是一样的。错误是concat,但我不知道。 –
我看不到任何concat,并且请发布完整的渲染方法 – Borjante