mi problema es, cuando quiero iterar un objeto en un componente de React, se iteran el componente princiapal
Este es el codigo cuando llamo el componente para agregarle los props
render(){
return (
<div className="app container">
{this.state.opciones.map((opcion, key) =>
<Preguntas
item={opcion} key={key}
/>
)}
</div>
);
}
Este es el codigo del componente Preguntas
render(){
return(
<div className="contenido">
<div className="config-logo">
<img src={LogoBoxi} />
</div>
<div className="cuestionario">
<input type="button" name={this.props.item.id} value={this.props.item.opcion} onClick={this.handleChange}/>
</div>
<div className="BotonesSeleccion">
<input type="button" value="Volver" />
<input type="button" value="Siguiente" />
</div>
</div>
);
}