只是出于好奇，我在 SO 上找不到答案。我將變數/資料集放置在與反應組件相關的位置是否重要？澄清一下，資料集將僅用于該組件。如果它確實重要，我想知道它是否與性能有關，或者它只是一種慣例/良好做法。
import React from 'react'
export const Component: React.FC = () => {
const dataSet: string[] = [...]
return (
<div className='work-experiences'>
</div>
)
}
對比。
import React from 'react'
const dataSet: string[] = [...]
export const Component: React.FC = () => {
return (
<div className='work-experiences'>
</div>
)
}
uj5u.com熱心網友回復：
它可以不管。在您的示例中，每次在第一個代碼塊中呼叫組件函式時都會重新創建陣列，但只創建一次，然后在第二個代碼塊中重用它。這意味著：
- 如果陣列中的資料不變，那么在您的第一個示例中這是額外的不必要的作業。（在很多情況下不太可能重要，但在性能特別重要的少數情況下，它會。）
- 如果資料是變化的，它應該是組件本地的，但可能應該處于狀態，而不是每次都重新創建。
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/320766.html
下一篇：過濾滿足兩個差分條件的行