Estoy tratando de refactorizar este componente React en un componente funcional, pero no estoy muy seguro de cómo manejar la parte del componentWillReceiveProps . He buscado algunas guías y preguntas anteriores, pero no puedo encontrar nada sobre este aspecto específicamente.

 import React from "react"; class Thumbnail extends React.Component { state = { loading: false, thumb: undefined, }; componentWillReceiveProps(nextProps) { if (!nextProps.file) { return; } this.setState({ loading: true }, () => { let reader = new FileReader(); reader.onloadend = () => { this.setState({ loading: false, thumb: reader.result }); }; reader.readAsDataURL(nextProps.file); }); } render() { const { file } = this.props; const { loading, thumb } = this.state; if (!file) { return null; } if (loading) { return <p>loading...</p>; } return ( <img src={thumb} alt={file.name} className="img-thumbnail mt-2" height={200} width={200} /> ); } }