“无法解构“现有用户”的属性“名称”，因为它未定义。Update.js:13”是什么意思？
我想更新用户数据。我成功获取现有用户数据，但没有更新。显示以上错误。 当我从下面一行删除一个等号时，错误将被删除，但用户数据仍然没有更新。
const existingUser = users.userList.filter(f => f.id == id);
import React, { useState } from 'react'
import { useSelector, useDispatch } from 'react-redux';
import { useNavigate, useParams } from 'react-router-dom';
import { updateUser } from '../redux/slice/userReducer';
const Update = () => {
const { id } = useParams();
//console.log(id)
const users = useSelector((state) => state.users);
const existingUser = users.userList.filter(f => f.id === id);
//console.log(existingUser);
const { name, email } = existingUser[0];
const [uname, setName] = useState(name);
const [uemail, setEmail] = useState(email);
const dispatch = useDispatch();
const navigate = useNavigate();
const handleUpdate = (event) => {
event.preventDefault();
dispatch(updateUser({
id: id,
name: name,
email: email
}));
navigate('/');
}
return (
<div className='d-flex w-100 vh-100 justify-content-center align-items-center'>
<div className='w-50 border bg-secondary text-white p-5'>
<h3>Update User</h3>
<form onSubmit={handleUpdate}>
<div>
<label htmlFor='name'>Name:</label>
<input
type='text'
name='name'
className='form-control'
placeholder='enter name'
value={uname}
onChange={e => setName(e.target.value)}
/>
</div>
<div>
<label htmlFor='name'>Email:</label>
<input
type='email'
name='email'
className='form-control'
placeholder='enter email'
value={uemail}
onChange={e => setEmail(e.target.value)}
/>
</div>
<br />
<button className='btn btn-info'>Update</button>
</form>
</div>
</div>
)
}
export default Update
