React表单输入框无法输入问题求助

我尝试了一些其他解决方法，但仍未解决该问题。我正在使用一份开源代码并尝试将其整合到我的项目中，流程看似非常简单。

以下是我的代码：

const New = ({ inputs, title }) => {
  const [values, setValues] = useState({
    firstName: "", lastName: "", email: "", password: "", confirmPassword: "",
  });
  const onChange = (e) => {
    setValues({ ...values, [e.target.id]: e.target.value });
  };
  const handleRegister = async (e) => {
    e.preventDefault();
  };

  return (
    <div className="new">
      <div className="newContainer">
        <Navbar />
        <div className="bottom">
          <div className="right">
            <form onSubmit={handleRegister}>
              {inputs.map((input) => (
                <div className="formInput" key={input.id}>
                  <FormInput
                    {...input}
                    key={input.id}
                    onChange={onChange}
                    value={values[input.name]}
                  />
                </div>
              ))}
              <button type="submit">Create Account</button>
            </form>
          </div>
        </div>
      </div>
    </div>
  );
}

内容的提问来源于stack exchange，提问作者Spider