React - example form with state

app.js

import React, { useReducer } from "react";
import {
  AppBar, Typography, Toolbar, TextField
} from "@material-ui/core";

function App() {
  const [fields, setFields] = useReducer(
    (state, newState) => ({ state, ...newState }),
    { name: '', github: '', linkedin: '', website: '' }
  );

  const handleOnChange = e => {
    const { name, value } = e.target;

    setFields({ [name]: value });
  };

  return (
    <>
      <AppBar position="static" color="default">
        <Toolbar>
          <Typography variant="h6" color="inherit">
            Performance Form
          </Typography>
        </Toolbar>
      </AppBar>

      <form>
        <TextField
          value={fields.name}
          label="Name:"
          fullWidth
          onChange={handleOnChange}
        />
        <TextField
          value={fields.github}
          label="Github:"
          fullWidth
          onChange={handleOnChange}
        />
        <TextField
          value={fields.linkedin}
          label="Linkedin:"
          fullWidth
          onChange={handleOnChange}
        />
        <TextField
          value={fields.website}
          label="Website:"
          fullWidth
          onChange={handleOnChange}
        />
      </form>
    </>
  );
}

export default App;