尝试将表单输入数据发送到后端时如何解决"cannot read properties of type undefined"？

Question

我试图发送用户填写到我的服务器的用户名。我已经有一个发送其他信息到服务器的post请求，我想使用相同的post请求，只是将新的用户名值添加到我发送的列表中。我一直得到这个错误，即使我给我的表单输入type="text">

下面是我的代码:

import React, { useState } from "react";
export default function UserForm() {
const [values, setValues] = useState();
const onSubmit = async (event) => {
event.preventDefault();
};
function setUserValues() {
setValues(values.user);
}
useState(setUserValues);
if (values.user === undefined) {
return;
}
return (
<form onSubmit={onSubmit}>
<label>User*:</label>
<input
type="text"
value={values.user}
id="user"
name="user"
onChange={setImmediate("user")}
/>
<button type="submit">Submit</button>
</form>
);
}

Answer 1

试试这样

import React, { useState } from "react";
export default function UserForm() {
const [values, setValues] = useState();

const edit = (e) => {
setValues(e.target.value)
}
return (
<form onSubmit={onSubmit}>
<label>User*:</label>
<input
type="text"
value={values}
id="user"
name="user"
onChange={edit()}
/>
<button type="submit">Submit</button>
</form>
);
}