En mi aplicación de reacción, hay un efecto de uso. Este es mi código:
useEffect(() => { const trimmedArray = trimArray(props.firstInputValue); props.setFirstFinalSetArray(trimmedArray); setFirstPrintArray(`{${trimmedArray.join(', ')}}`); }, [props.firstInputValue]);trimArray es una funciónsetFirstFinalSetArray es una función de conjunto useState.setFirstPrintArray es el estado en el componente actual.firstInputValue es el estado en el componente principal. Y encontré debido a esta línea: props.setFirstFinalSetArray(trimmedArray); Recibo este error: React Hook useEffect has a missing dependency: 'props'. Either include it or remove the dependency array. However, 'props' will change when *any* prop changes, so the preferred fix is to destructure the 'props' object outside of the useEffect call and refer to those specific props inside useEffect react-hooks/exhaustive-deps
Puedes desestructurar tus accesorios como:
const MyComponent = ({firstInputValue, setFirstFinalSetArray}) => { const [firstPrintArray, setFirstPrintArray] = useState() useEffect(() => { const trimmedArray = trimArray(firstInputValue); setFirstFinalSetArray(trimmedArray); setFirstPrintArray(`{${trimmedArray.join(', ')}}`); }, [firstInputValue, setFirstFinalSetArray]); // rest of your code } Cuando estaba aprendiendo React, dudaba en hacer esto por alguna razón (supongo que me gustaba tener props ), pero realmente hace un código limpio.