Discussion on: I replaced useState hook with custom one

[Sung M. Kim]

I tend to implement such a hook with useReducer after reading @leewarrickjr's awesome article,

Bridging the Gap between React's useState, useReducer, and Redux

Lee Warrick ・ Sep 14 '19

#react #javascript #tutorial #webdev

You will see that, with useReducer, you specify "how" to handle state changes.

So you can write a merge function as a reducer and pass the initial state as shown below.

const merge = (oldState, newState) => ({ ...oldState, ...newState });
const initialState = { name: "", email: "", phone: "" };

export default function App() {
  const [state, setState] = React.useReducer(merge, initialState);

  return (
    <div className="App">
    </div>
  );
}

The working code is below. (check the console output after submit).

[Lee Warrick]

Nice work!

[Sung M. Kim]

Thanks, mate~! and for the post!