const [stuff, set_stuff] = useState{a: 1} ... set_stuff({a: 1}) cuando se set_stuff({a: 1}) , ¿activará dependencias posteriores que escuchan stuff ?
Si escuchan stuff , sí.
Si escuchan una propiedad de stuff que es igual al valor anterior en esa propiedad (como a y 1 ), no. Ejemplo:
const App = () => { const [stuff, setStuff] = React.useState({a: 1}); React.useEffect(() => { console.log('Will trigger later because stuff changed'); }, [stuff]); React.useEffect(() => { console.log('Will not trigger later because stuff.a did not change'); }, [stuff.a]); React.useEffect(() => { setTimeout(() => { setStuff({ a: 1 }); }, 1000); }, []); return 'foo'; }; ReactDOM.render(<App />, document.querySelector('.react')); <script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script> <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script> <div class='react'></div>React no hace la comparación profunda.
Si desea activar el cambio de valor, haga clic en Me gusta a continuación
useEffect(() => { console.log('Something'); }, [stuff.a]);Si escucha las stuff del objeto, desencadenará dependencias posteriores porque los dos objetos idénticos no son realmente idénticos en la computadora. Cuando set_stuff , simplemente cambiaste el valor de las stuff por un nuevo puntero de dirección.
const stuffOne = {a: 1} const stuffTwo = {a: 1} console.log(stuffOne === stuffTwo) // false