在react js中更新表单并不能跟踪所有属性的状态

import React, { useState } from 'react';

function FormExample() {
  const [formState, setFormState] = useState({
    input1: '',
    input2: '',
    checkbox: false,
    select: 'option1',
  });

  const handleInputChange = (event) => {
    const { name, value, type, checked } = event.target;
    const newValue = type === 'checkbox' ? checked : value;

    setFormState((prevState) => ({
      ...prevState,
      [name]: newValue,
    }));
  };

  return (
    <form>
      <input
        type="text"
        name="input1"
        value={formState.input1}
        onChange={handleInputChange}
      />
      <input
        type="text"
        name="input2"
        value={formState.input2}
        onChange={handleInputChange}
      />
      <input
        type="checkbox"
        name="checkbox"
        checked={formState.checkbox}
        onChange={handleInputChange}
      />
      <select
        name="select"
        value={formState.select}
        onChange={handleInputChange}
      >
        <option value="option1">Option 1</option>
        <option value="option2">Option 2</option>
        <option value="option3">Option 3</option>
      </select>
    </form>
  );
}

export default FormExample;