如何使用useMemo React鉤子

找出useMemo React鉤子有什麼用，以及如何使用它！

看看我的React鉤子介紹首先，如果您是他們的新手。

我有時使用的一個React鉤子是useMemo。

import React, { useMemo } from 'react'

該鉤子用於創建一個記憶值。

這個鉤子非常類似於useCallback，不同之處在於useCallback返回一個記憶化的回調，並useMemo返回一個記憶值，即該函數調用的結果。用例也不同。useCallback用於傳遞給子組件的回調。

有時，您必須通過複雜的計算或通過訪問數據庫以進行昂貴的查詢或通過網絡來計算值。

使用此鉤子，此操作僅執行一次，然後該值將存儲在已存儲的值中，並且下次您要引用它時，它將更快地得到它。

使用方法如下：

const memoizedValue = useMemo(() => expensiveOperation())

確保將空數組添加為第二個參數useMemo()，否則將不會進行任何記錄。

如果需要傳遞參數，則還需要在數組中傳遞參數：

const memoizedValue = useMemo(() => expensiveOperation(param1, param2), [param1, param2])

如果您嘗試訪問該值時其中一個參數發生更改，則當然會在沒有備忘的情況下計算該值。

免費下載我的反應手冊