我在這裡問了一個關於如何從該 JSON 中獲取 20 個隨機項目的問題，我使用瞭如下答案之一：
const a = Myjson;
useEffect(() => {
for (let i = a.length; i-- > 0; ) {
const j = Math.floor(Math.random() * i); // 0 ≤ j ≤ i
[a[i], a[j]] = [a[j], a[i]];
}
}, []);
{a
.slice(0, 20)
.map((item) => (
<Link
href={item.ud}
key={item.id}
>
{item.test}
</Link>
))}
有一個問題，當我刷新時，我看到該JSON 的有序20 個項目，然後突然變為隨機20 個項目；如何修復程式碼，以便當我刷新時只能看到隨機的20 個項目，而看不到那些訂購的項目？
您可以使用
useState來提供在第一次渲染時產生的一致（隨機）排序，而不是使用useEffect在第一次渲染後更新排序：const [a] = useState(() => { // Same code as in your useEffect, but with `a` renamed for clarity let b = [...Myjson]; // take a copy of the array for (let i = b.length; i-- > 0; ) { const j = Math.floor(Math.random() * i); // 0 ≤ j ≤ i [b[i], b[j]] = [b[j], b[i]]; } return b; // Return value is used as the state value }); // ... rendering code as beforeuseState將在元件第一次渲染時執行初始化程式碼。雖然useState也傳回一個setter，但如果你只是想使用它，則不需要使用它在渲染之間保留特定值。