Estoy tratando de mapear dinámicamente un grupo de radio desde un archivo JSON. Lo tengo resuelto, pero el problema es que parece que no puedo agregar una etiqueta a cada radio sin obtener un error. El error es ") esperado". Creo que es porque la etiqueta div está fuera del mapeo, pero no estoy seguro. Aquí está el código para el grupo de radio.
<div onChange={this.onChangeValue}> {candidateData.map((candidate) => ( <input type="radio" value={candidate.name} name={candidate.name}/> This is where I want to add the label that throws an error ))} </div>Aquí está el JSON
{ "candidates":[ { "name":"Uncle Ruckus", "politics":"R-District 21", "img":"./Candidates/uncleruckus.jpg" }, { "name":"Uncle Ruckus", "politics":"R-District 21", "img":"./Candidates/uncleruckus.jpg" } ] }Espero que tenga sentido. Estoy feliz de aclarar cualquier cosa. Gracias por adelantado.
Envuelva su entrada con una etiqueta de fragmento de reacción ( <Fragment> </Fragment> ) o vacía ( <></> )
{candidateData.map((candidate) => ( <> <input type="radio" value={candidate.name} name={candidate.name}/> This is where I want to add the label </> ))}