Quiero llamar a una función cada vez que quiero representar una parte de la página.
este es mi codigo
random() ( randomNumbers && ( randomNumbers.map((item,i) => ( <div>{item}</div> )Primero quiero ejecutar la función aleatoria y luego recorrerla. La razón por la que no estoy haciendo esto cuando se procesa la página es porque necesito llamar a esto varias veces.
Muchas gracias.
Tal vez establezca elementos de números aleatorios como propiedad de su clase:
randomNumbers = this.random() render() { return ( this.randomNumbers ) }Como ya es una matriz, no tendrá que repetirla, solo devuélvala
No estoy 100% seguro de qué es lo que quieres hacer con esto, pero creo que esto es lo que quieres.
https://codesandbox.io/s/heuristic-nightingale-v1j03?file=/src/App.tsx:0-495
import "./styles.css"; import { useState, useEffect } from "react"; function generateRandomNumbers(len: number): number[] { return new Array(len).fill(undefined).map((_) => Math.random()); } export default function App() { const [rNums, setRNums] = useState<number[]>([]); useEffect(() => setRNums(generateRandomNumbers(5)), []); // [0.12, 0.96, 0.4, 0.5, 0.2] return ( <div className="App"> {rNums.map((num) => ( <p key={num}>{num}</p> ))} </div> ); }