如何在 React 中基於 object 的屬性來記憶一個值？

Question

在我的功能組件中，我想記住一些取決於 object 的Id屬性的值：

obj={
  innerProperty:{
    id:1
  }
}
useMemo(()=>someComplaxFunction(), [obj.innerProperty.id])

我想做這樣的事情，但問題是， innerProperty可以是undefined 。 所以我需要為innerProperty添加一個檢查，但是我不能在useMemo之外添加它，因為它給了我一個錯誤，即不應該有條件地調用鈎子，甚至不能在內部調用，因為我將不得不添加obj作為我不想要的依賴項，因為其他屬性可能會改變。

需要知道我怎樣才能做到這一點。 任何幫助表示贊賞。

提前致謝！

Answer 1

obj={
  innerProperty:{
    id:1
  }
}
const id = obj.innerProperty ? obj.innerProperty.id : undefined

// or using optional chaining(?.)
const id = obj.innerProperty?.id

useMemo(()=>someComplaxFunction(id), [id])

Answer 2

在您的someComplaxFunction()中檢查innerProperty的值並返回類似null的值，以便在這種情況下您記住的值是null （或您想要的任何其他值）。 然后使用組件中的記憶值，假設它可能是null 。

Answer 3

猜猜你應該做一些檢查。 您不能在您的依賴數組中執行該邏輯，但您可以這樣做：

useMemo(()=> {
    if (obj.innerProperty.id) {
        someComplaxFunction()
    }
}, [obj.innerProperty])