Si ve los registros de la consola, en la línea 21, la variable del búfer se muestra indefinida aunque se llamó a setBuffer antes de que la consola registrara el búfer. El registro de la consola de la línea 26 dentro de la declaración de devolución del componente de la aplicación se muestra bien después de onChange del archivo. ¿Por qué el registro de la consola en la línea 21 se muestra indefinido incluso después de onChange?

 import './App.css'; import React, { useState } from 'react'; import ButtonMeta from './components/Button'; const { create } = require('ipfs-http-client'); const ipfsClient = create('https://ipfs.infura.io:5001/api/v0'); const App = () => { const [buffer, setBuffer] = useState(null); const captureFile = (event) => { event.preventDefault(); const file = event.target.files[0]; const reader = new window.FileReader(); reader.readAsArrayBuffer(file); reader.onloadend = () => { const b = Buffer(reader.result); console.log('buffer', Buffer(reader.result)); setBuffer(b); console.log(buffer); }; }; return ( <div className='App'> {console.log(buffer)} <input type='file' onChange={captureFile} /> <ButtonMeta>Submit</ButtonMeta> </div> ); }; export default App;