Nuevo desarrollador de reacción aquí, tratando de aprender mediante la codificación, aquí estoy atascado con un elemento de selección simple, tengo un elemento de selección y dentro de él usando el mapa para completar las opciones, también me consuela registrando mis datos dentro del mapa y obteniendo '50 obteniendo datos FUNDING_ACCOUNT '.
lo que quiero lograr es: un elemento de selección en el que el usuario hace clic y obtiene 'data.name' como menú desplegable, ¿dónde está mi error?
El inglés no es mi lengua materna, por lo que podría haber errores.
estoy usando fetch para completar 'setUpdateSelect'
Mi código:
const [updateSelect, setUpdateSelect] = useState([]); <select> {updateSelect.map((data) => { console.log("getting data", data.name); <option key={data.name} value={data.name}> {data.name} </option>; })} </select>Con una función de mapa, debería devolver algo. En su función de mapa no devuelve nada.
{updateSelect.map((data) => { console.log("getting data", data.name); return ( <option key={data.name} value={data.name}> {data.name} </option> ); })}Esto ahora debería funcionar correctamente.
Gracias,
Arjis Chakraborty.
const [updateSelect, setUpdateSelect] = useState([]); <select> {updateSelect.map((data) => { return( console.log("getting data", data.name); <option key={data.name} value={data.name}> {data.name} </option>;) })} </select>Para volver a renderizar, puede usar así;
const [updateSelect, setUpdateSelect] = useState([]); const [loading, setLoading] = useState(false); useEffect(() => { setLoading(true); setUpdateSelect(yourdata); setLoading(false); },[yourdata]) return !loading ? ( <select> updateSelect.map((data, index) => ( <option key={index} value={data.name}> {data.name} </option> ) </select> ) : null;