1.0.2 • Published 5 years ago

@danedavid/usesetstate v1.0.2

Weekly downloads
3
License
MIT
Repository
github
Last release
5 years ago

useSetState

Dead simple React Hook that can replace this.setState

Demo: codesandbox

  • Supports updater function or simple object as first argument:
setState({ count: 0 });
setState(prev => ({ count: prev.count + 1 }));
  • Supports optional callback as second parameter:
setState(
  { text: ev.target.value },
  () => inputRef.current.focus()
);

Usage

import React from "react";
import useSetState from "useSetState";

const App = () => {
  const [state, setState] = useSetState({
    count: 0,
  });

  return (
    <>
      {state.count}
      <button onClick={() => setState({ count: state.count + 1 })}>
        Increment
      </button>
    </>
  );
};

export default App;

Made with ❤ by danedavid