React: 질문 : useRef 대신 useMemo를 사용할 수 있습니까?

에 만든 2020년 02월 03일 · 3코멘트 · 출처: facebook/react

안녕하세요. 다음과 같이 할 때 useRef 대신 useMemo 를) 사용할 수 있습니다.

예:

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

두 참조 모두 DOM 참조와 클래스의 인스턴스 필드와 유사한 변경 가능한 값으로 잘 작동 할 것으로 보입니다. 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

두 훅 모두 자주 사용되기 때문에 최적의 성능을 발휘하는 것이 중요합니다.

bvaughn 에 2020년 02월 03일

👍7

모든 3 댓글

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

두 훅 모두 자주 사용되기 때문에 최적의 성능을 발휘하는 것이 중요합니다.

bvaughn 에 2020년 02월 03일

👍7

이런 식으로 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
두 후크 모두 자주 사용되기 때문에 최적의 성능을 발휘하여 다르게 구현되는 것이 중요합니다.

안녕하세요, 이와 같은 코드를 포맷하는 방법은 무엇입니까?

yaofly2012 에 2020년 09월 21일

@ yaofly2012 GitHub는 특정 파일 개정 및 줄 번호에 링크하는 경우 링크 형식을 지정합니다.

파일 열기
줄 번호를 클릭하십시오
범위를 선택하려면 Shift 키를 누른 채 다른 줄 번호를 클릭하십시오.
현재 개정판에 고정하려면 "y"를 입력하십시오.
URL을 GitHub에 복사하여 붙여 넣기

bvaughn 에 2020년 09월 21일

❤1

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

React: 질문 : useRef 대신 useMemo를 사용할 수 있습니까?

가장 유용한 댓글

모든 3 댓글

관련 문제