useSetState

React 状态钩子，用于创建和 this.setState 在类组件中作用相似的 setState 方法—它将更改的对象合并到当前状态中。

用法

  1. import {useSetState} from 'react-use';
  3. const Demo = () => {
  4.   const [state, setState] = useSetState({});
  6.   return (
  7.     <div>
  8.       <pre>{JSON.stringify(state, null, 2)}</pre>
  9.       <button onClick={() => setState({hello: 'world'})}>hello</button>
  10.       <button onClick={() => setState({foo: 'bar'})}>foo</button>
  11.       <button 
  12.         onClick={() => {
  13.           setState((prevState) => ({
  14.             count: (prevState.count || 0) + 1,
  15.           }))
  16.         }}
  17.       >
  18.         count
  19.       </button>
  20.     </div>
  21.   );
  22. };

参考

  1. const [state, setState] = useSetState({cnt: 0});
  3. setState({cnt: state.cnt + 1});
  4. setState((prevState) => ({
  5.   cnt: prevState + 1,
  6. }));