我正在從 API 獲取資料(聯系人串列:姓名、電子郵件、電話等)。映射已完成,我可以看到顯示的名稱串列,但現在我希望它們按字母順序從 az 開始。
我正在嘗試這個,但我得到“未處理的拒絕(型別錯誤):a.name.localCompare 不是函式)。
我該如何解決?
const UserList = () => {
const [users, setUsers] = useState([])
const [selectedUser, setSelectedUser] = useState()
const [showUser, setShowUser] = useState(true)
const onHandleClick = () => setShowUser(false)
const DisplayUser =(user) => {
setSelectedUser(user);
setShowUser(true);
}
useEffect(() => {
fetch(URL)
.then(res => res.json())
.then(json => setUsers(json));
}, [])
return (
<>
<Header>
<h1>Contact list</h1>
</Header>
<Container>
<div>
{users.sort((a,b) => a.name.localCompare(b.name))
.map(user => (
<div key={user.id}>
<User onClick ={() => DisplayUser(user)}>{user.name}</User>
</div>
))}
</div>
我的資料:

uj5u.com熱心網友回復:
您打錯了 localeCompare() 方法,而不是 localCompare
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/343491.html
