Así que estoy aprendiendo a reaccionar y quería hacer un generador de ideas que extraiga una cadena de un archivo de matriz (los 'títulos de investigación'), y lo muestre en el h1 y luego, al hacer clic en el botón, elegiría otro al azar y lo mostraría. . hasta ahora solo tengo el esquema y el método para elegir una cadena al azar, ¿hay una mejor manera de hacerlo? y si es así puedo conseguir algo de ayuda
import researchTitles from './ import React from 'react'; function App() { const title = researchTitles[Math.floor(Math.random() * researchTitles.length)]; return ( <div className="App"> <h1>{title}</h1> <button onClick={}>Generate</button> </div> ); } export default App;@Terry lo explicó exactamente. Aquí hay un ejemplo del mundo real:
import React, { useState } from "react"; const researchTitles = [ "AI", "Machine Learning", "Data Science", "Metaverse", "Crypto", "Tech" ]; const getRandomResearchTitle = () => { return researchTitles[Math.floor(Math.random() * researchTitles.length)]; }; function App() { const [researchTitle, setResearchTitle] = useState(getRandomResearchTitle()); const handleClick = () => { // shuffle array and pick random const randomResearchTitle = getRandomResearchTitle(); setResearchTitle(randomResearchTitle); }; return ( <div className="App"> <h1>{researchTitle}</h1> <button onClick={handleClick}>Generate</button> </div> ); } export default App;¿Por qué no creaste una función generar () que haga esta selección de palabras? Así que cada vez que haces clic en el botón
<button onClick="generate()">Generate</button>
¿Escogerá alguna palabra y la devolverá en el elemento h1?
Podrías usar document.createElement() dentro de tu función