const DynPut: FC<Props> = Props => { const [value, setValue] = useState<string>(['1', '2', '3', '4']); return ( <View> {value.map(v => { <Text>{v}</Text>; })} </View> ); }; No se pueden obtener los valores 1-5 en la pantalla. estoy usando mecanografiado y también guardé el archivo con la extensión .tsx
map() espera un valor de retorno, hay múltiples posibilidades, por ejemplo:
const data = [{ x: 55, y: 34 }, { x: 75, y: 12 }]; const result1 = data.map(d => dx); // inline const result2 = data.map(d => ( dx // use round brackets )); const result3 = data.map(d => { return dx; // use return statement }); console.log(result1, result2, result3);El último método es útil si desea hacer algo con los datos antes de devolver un valor.
const data = [{ x: 55, y: 34 }, { x: 75, y: 12 }]; const result = data.map(d => { const xTimesFive = dx * 5; // do something with the x value const dividedByTwo = xTimesFive / 2; return dividedByTwo; }); console.log(result); // note, a simple calculation or check can also be done in the other methods console.log(data.map(d => dx > 60 ? "big" : "small"));La sintaxis del mapa es incorrecta, use corchetes normales en su lugar:
{value.map((v) => ( <Text>{v}</Text> ))}