Undefined values React

I'm trying to achieve making a suspend user button via updating the values of the user the status to Suspended, but the problem is the status is defined but other values are undefined did I do something wrong or is there any way to update the values to make the other variable like a name not required?

This is what I mean:

This is my code:

const User = (props) => (
  <>
    <DropdownButton id="dropdown-basic-button" title="Action">
      <Dropdown.Item>
        <a
          href="user"
          onClick={() => {
            props.onSubmit(props.user[0]);
          }}
        >
          <i className="fas fa-trash"></i> Suspend
        </a>
      </Dropdown.Item>
    </DropdownButton>
  </>
);

export default class Users extends Component {
  constructor(props) {
    super(props);

    this.onSubmit = this.onSubmit.bind(this);

    this.state = { users: [] };
  }

  componentDidMount() {
    axios
      .get("http://localhost:5000/users/")
      .then((response) => {
        this.setState({ users: response.data });
      })
      .catch((error) => {
        console.log(error);
      });
  }



  onSubmit(id) {
    const user = {
      name: this.state.name,
      password: this.state.password,
      email: this.state.email,
      storeName: this.state.storeName,
      storeUrl: this.state.storeUrl,
      date: this.state.date,
      status: "Suspended",
    };

    console.log(user);

    axios
      .post("http://localhost:5000/users/update/" + id, user)
      .then((res) => console.log(res.data));
  }
  userList(currentuser) {
    return (
      <User
        user={currentuser}
        key={currentuser[0]}
        onSubmit={this.onSubmit}
      />
    );
  }
  render() {
    const columns = [
      {
        name: "_id",
        options: {
          display: false,
        },
      },
      {
        name: "name",
        label: "Name",
        options: {
          filter: true,
          sort: true,
        },
      },
      {
        name: "Action",
        options: {
          customBodyRender: (value, tableMeta, updateValue) => {
            return <>{this.userList(tableMeta.rowData)}</>;
          },
        },
      },
    ];
    const { users } = this.state;
    return (
      <>
          <MUIDataTable data={users} columns={columns} />
      </>
    );
  }
}