Estou fazendo um chatbot e queroQuero que determinada mensagemdeterminado componente só apareça na tela depois de 1 segundo. Tem como fazer isso usando bloco JSX.Quando?
Quando coloco o codigocódigo abaixo, aparece um número na tela ao invés da mensagem.
function App() {
return (
<>
{setInterval(() => {
<div className="answer" > return (
<div className="answer">
<input
type="text"
placeholder="Nome e sobrenome"
value={name}
onChange={(e) => setName(e.target.value)}
/>
<button type="submit" onClick={handleInputName}>
<PlayArrowIcon fontSize="large" color="primary" />
</button>
</div>
);
}, 1000)}
</>
);
}