Tengo este JSON devuelto desde el servidor:
[ { "symbol":"one option" }, { "symbol":"second option" } ....... ]Traté de mostrar los datos en el menú desplegable usando:
<Select value={props.selectedData}> {props.availableData.map((option) => ( <option value={option.symbol}>{option.symbol}</option> ))} </Select>Pero la lista si está vacía. ¿Cuál es la forma correcta de mostrar los datos?
Solo tiene que poner la condición del operador ternario que tiene en ambos sentidos
1.
{ props.availableData ? <Select value={props.selectedData}> {props.availableData.map((option) => ( <option value={option.symbol}>{option.symbol}</option> ))} </Select>:null } { props.availableData.length === 0 ? <Select value={props.selectedData}> {props.availableData.map((option) => ( <option value={option.symbol}>{option.symbol}</option> ))} </Select>:null }