Estoy tratando de representar un menú desplegable usando una matriz en el estado de mi proyecto de reacción. Se parece a esto:
export default class MyTable extends React.Component { constructor(props){ super(props); this.state= { list:[1,2,3,4]} } render() { return( <div> <select> {this.state.list.map(i => { <option key={i}>{i}</option> })} </select> </div> ); } }Sin embargo, el menú desplegable está en blanco y no puedo entender por qué no funciona.
No está devolviendo nada del bucle .map .
Código modificado:
export default class MyTable extends React.Component { constructor(props) { super(props); this.state = { list: [1, 2, 3, 4] }; } render() { return ( <div> <select> {this.state.list.map((i) => { // <option key={i}>{i}</option>; Before return <option key={i}>{i}</option>; // Return value here })} </select> </div> ); } }