React: Вопрос: Можно ли использовать useMemo вместо useRef?

Созданный на 3 февр. 2020 · 3Комментарии · Источник: facebook/react

Привет, просто из любопытства можно использовать useMemo вместо useRef при выполнении следующих действий:

Пример:

const ref = useRef(null);
const ref2 = useMemo(() => { current: null }, []);

Мне кажется, что обе ссылки будут работать нормально как DOM ref и как изменяемое значение, подобное полям экземпляра в классах. Почему тогда useRef реализуется иначе, чем useMemo учитывая код ReactFiberHooks.js для useRef и useMemo ?

Благодаря!

Invalid Question

Источник

svsool

Самый полезный комментарий

Таким образом можно создать объект ref, но это будет менее эффективно, поскольку useMemo также отслеживает и сравнивает зависимости. (Даже если вы укажете пустой массив зависимостей, в базовой структуре данных для привязки заметок есть место для дополнительного значения.)

Чтобы проиллюстрировать это, вы можете сравнить реализацию useRef :
https://github.com/facebook/react/blob/434770c3b4b94315c789234c27ed9dc2ec8a78ad/packages/react-reconciler/src/ReactFiberHooks.js#L907 -L920

Кому useMemo :
https://github.com/facebook/react/blob/434770c3b4b94315c789234c27ed9dc2ec8a78ad/packages/react-reconciler/src/ReactFiberHooks.js#L1126 -L1156

Поскольку обе ловушки используются часто, важно, чтобы они работали оптимально: smile: поэтому они реализованы по-разному.

bvaughn 3 февр. 2020

👍7

Все 3 Комментарий

Кому useMemo :
https://github.com/facebook/react/blob/434770c3b4b94315c789234c27ed9dc2ec8a78ad/packages/react-reconciler/src/ReactFiberHooks.js#L1126 -L1156

bvaughn 3 февр. 2020

👍7

Вы _ можете_ создать объект ссылки таким образом, но это будет менее эффективно, поскольку useMemo также отслеживает и сравнивает зависимости. (Даже если вы укажете пустой массив зависимостей, в базовой структуре данных для привязки заметок есть место для дополнительного значения.)
Чтобы проиллюстрировать это, вы можете сравнить реализацию useRef :
https://github.com/facebook/react/blob/434770c3b4b94315c789234c27ed9dc2ec8a78ad/packages/react-reconciler/src/ReactFiberHooks.js#L907 -L920
Кому useMemo :
https://github.com/facebook/react/blob/434770c3b4b94315c789234c27ed9dc2ec8a78ad/packages/react-reconciler/src/ReactFiberHooks.js#L1126 -L1156
Поскольку оба крючка используются часто, важно, чтобы они работали оптимально, поэтому они реализованы по-разному.

привет как отформатировать код вот так?