“無法解構“現有用戶”的屬性“名稱”，因為它未定義。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
