반응형 tech documents/react-native2 react-navigation 의 Screen 에 props를 전달하는 방법 1. react-navigation 을 사용할때, 종종 이런 .Screen component에 props를 전달해야하는 경우가 생긴다. 이런경우에는 component에 고차 컴포넌트 형식으로 props를 포함한 컴포넌트를 전달해주면 된다. 아래와 같이 말이다. }/> 2. 하지만, expo에서는 warning이 발생한다. 이와 같이, component의 prop에 inline function을 전달했다는 오류이다. 말 그대로 해석하자면, Inline function을 전달하는 것은, component state가 re-render과정에서 소실될 수 있고, 또한 다시 생성되는 그런 비효율적인 현상이 발생할 수 있다는 경고 이다. 따라서 아래와 같이 코드를 수정하면 이를 해결할 수 있다. }/> 3. 1번의.. 2020. 7. 23. Functional Component 에서 Ref 사용법 1. 함수형 컴포넌트에서 렌더링 요소를 가리키기 위해서는 React Hooks 중 하나인 'usRef'를 사용한다. 2. import {useRef} from 'react'; //... const textInputRef = useRef(); //... react native 의 렌더링 요소에서 ref prop로 위에서 할당한 useRef 객체를 넘겨주면된다. 2020. 7. 15. 이전 1 다음 반응형
