在reactjs表单中添加值

Question

我想创建多个表单，并在一个变量中添加不同对象的所有值

export default function FormView() {
const [values, setValues] = useState<ResumeViewType>({
contact: {
name: '',
email: '',
phone: '',
country: '',
website: '',
city: '',
state: '',
linkedIn: ''
},
projects: {
title: '',
description: '',
image: ''
}
});

const [errors, setErrors] = useState<ErrorsType>({});
const handleChange = (e: { target: { name: string; value: string } }) => {
setValues((prevInput) => ({
...prevInput,
[e.target.name]: e.target.value
}));
};
return (
<div>
<Contact
values={values}
errors={errors}
handleChange={handleChange}
/>
</div>
);
}

我试图在不同的对象中添加属性并通过键

获取它们

Answer 1

const handleChange = (key: string) => {
return (e: { target: { name: string; value: string } }) => {
const { name, value } = e.target;
setValues((prev) => ({
...prev,
[key]: {
...prev[key as keyof ResumeViewType],
[name]: value
}
}));
};
};