可以说我有一些状态依赖于其他状态（例如，当A更改时，我希望B更改）。

创建一个观察A并将B设置在useEffect钩内的钩子是否合适？

效果是否会级联，从而在我单击按钮时会触发下一个效果，从而导致b发生变化，从而导致第二个效果在下一次渲染之前触发？这样构造代码是否有性能下降？

let MyComponent = props => {
  let [a, setA] = useState(1)
  let [b, setB] = useState(2)
  useEffect(
    () => {
      if (/*some stuff is true*/) {
        setB(3)
      }
    },
    [a],
  )
  useEffect(
    () => {
      // do some stuff
    },
    [b],
  )

  return (
    <button
      onClick={() => {
        setA(5)
      }}
    >
      click me
    </button>
  )
}