主页 / 问题 / 1274711
Accepted
YourDeveloper
Asked:2022-04-26 00:24:32 +0000 UTC2022-04-26 00:24:32 +0000 UTC

如何等待状态改变然后在 REACT 中运行一个函数？

  • 772

有两个组件，组件 A 将状态传递给 B，将其更改为 B，之后我需要调用一个应该使用更改后的状态的函数，但在调用时它仍然看到旧状态。据我了解，您可以在更改状态时使用 useEffect ，但在我的情况下这不合适

const ComponentA = () = {
    const [someState, setSomeState] = useState(null);

    return (
        <ComponentB setSomeState={setSomeState} />
    )
}


const ComponentB = ({setSomeState}) = {
    
  const handle = () => {
    setSomeState('Новое значение state');
    someFunction() // Вот эта функция на момент вызова видит, что в state ещё null, как то можно выполнить запуска после изменения state? 
  }
  
  return (
    /* some JSX */
  )
}
javascript

1 个回答

  1. Best Answer

    为什么不合适？

    export const First = () => {
    const [someState, setSomeState] = useState(null);

    return (
        <Second someState={someState} setSomeState={setSomeState} />
    )
}


export const Second = ({setSomeState,someState}) => {
    const [isClicked, setIsClicked] = useState(false);
    const handle = () => {
        setSomeState(() => {
            return `${Math.random()}`
        })
        setIsClicked((prev) => {
            return !prev
        })
      }
      useEffect(() => {
          console.log(someState);
      },[isClicked])
    return (
        <button onClick={handle}>abcd</button>
    )
}
    • 2

相关问题