Блог

Я пытаюсь обновить поле выбора для пользователя.

 <Select styles={style} fullWidth placeholder="Select Brand" options={data_brands} name="Brand" value={item.Brand} className="select" onChange={handleBrandChange} />
 

Это мое поле выбора (с помощью react-select), а вот поле ввода

 <TextField required fullWidth id="standard-basic" label="Gear Name" value={item.Name} name="Name" onChange={onChange} type="text" />
 

Определенные переменные:

 const UpdateItem = ({ setEditing, currentItem, updateItem }) => {
const [item, setItem] = useState(currentItem);

useEffect(() => {
setItem(currentItem);
console.log("useEffect passes the currentItem: ", currentItem);
}, [currentItem]);

const onSubmit = e => {
e.preventDefault();
console.log("onSubmit passes the id and items", item);
updateItem({ currentItem }, item);
};

const onChange = e => {
const { name, value } = e.target;
setItem({ ...item, [name]: value });
console.log(e.target);
};

const handleBrandChange = (obj) => {
console.log(obj.value, obj.label);
};
 

Если я изменю событие onChange на {onChange} Я получаю следующую ошибку:

Ошибка типа: Не удается уничтожить свойство «имя» «e.target», поскольку оно не определено.

То, что я пытаюсь сделать, — это обновить select в соответствии с другими полями ввода, но не могу заставить его сохранить изменения.