遇到問題。在反應中，我從 json api 獲取資料。一切正常，直到我嘗試顯示它。除了，我可以在控制臺上記錄它。
控制臺記錄的內容：
<ul role="list" className="divide-y divide-gray-200 dark:divide-gray-700">
{username !== "null" && leaderlist.length > 2 && console.log(leaderlist) && leaderlist.map((leader, index) =>
<li className="py-3 sm:py-4 text-white">
Log
</li>
)}
<li className="py-3 sm:py-4 text-white">
list length {leaderlist.length}
</li>
</ul>
它顯示的內容：
設定的代碼
const [leaderlist, setleaderlist] = React.useState([]);
fetch(`${baseurl}/allusers`)
.then(res => res.json())
.then(data => {setleaderlist(data); console.log(data)})
.catch(err => console.log(err));
uj5u.com熱心網友回復：
username !== "null" && leaderlist.length > 2 && console.log(leaderlist) && leaderlist.map((leader, index)
console.log(leaderlist)沒有回傳值，因此leaderlist.map((leader, index) ...)由于您使用&&. 您需要洗掉該console.log陳述句或使用;而不是&&.
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/441585.html
標籤：javascript 数组 反应