useSetState

https://github.com/streamich/react-use/blob/master/docs/useSetState.md

React state hook that creates setState method which works similar to how this.setState works in class components—it merges object changes into current state.

💡 Implementation

Pretty

Copy

1
const useSetState = (initialState = {}) => {
  const [state, set] = useState(initialState);
  const setState = patch => {
    Object.assign(state, patch);
    set(state);
  };
  return [state, setState];
};
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

🚀 Usage

Pretty

Copy

1
function Demo() {
  const [state, setState] = useSetState({});
  return (
    <div>
      <pre>{JSON.stringify(state, null, 2)}</pre>
      <button onClick={() => setState({ hello: "world" })}>hello</button>
      <button onClick={() => setState({ foo: "bar" })}>foo</button>
    </div>
  );
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

⚡Preview

{}

🚨 console

💄 Improve this hook

Contributors

Raathigeshan