我需要连接这些变量,并在控制台中显示:
模块构建失败: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>
答案 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>
}