Recoil 的批量更新状态

使用 Recoil 时，我们可以使用一个专门的 useRecoilTransaction 函数来进行批量更新状态。在此代码示例中，我们可以看到如何使用 useRecoilTransaction 函数并传递一个回调函数，以便在回调函数中对多个状态进行更新。

import { useRecoilTransaction } from 'recoil';

function MyComponent() {
  const [state1, setState1] = useRecoilState(myState1);
  const [state2, setState2] = useRecoilState(myState2);

  const handleButtonClick = useRecoilTransaction(() => () => {
    setState1('new value 1');
    setState2('new value 2');
  });

  return (
    

      Update states
      
State 1: {state1}
      
State 2: {state2}
    
  );
}