React Native 하위 컴포넌트 리랜더링 관련 질문입니다.

Question

현재 리액트 네이티브 훅스를 이용해서 개발하고 있구요. 검색 창에 입력하는 동안에 State가 계속 바뀌면서 , 하위 컴포넌트인 HOME, SETTINGS 부분의 웹뷰가 글자가 입력될때마다(검색을 누르지 않았어도) 계속해서 리랜더링 됩니다. 구글에서 찾아봐서, memo라는 것을 사용했는데도 계속 리랜더링이 되구요, 위에 검색창을 놓으면 같이 소속된 컴포넌트가 아니라서 리랜더링이 안될 것 같아서 시도해봤으나, navigationContainer에 놓으면 에러가 나오네요, 무조건 navigationContainer안에서만 컴포넌트를 쓸 수 있나보네요.. 어떻게 해야할까요? APPimport React, { useState, Component, memo } from 'react'; import { StyleSheet, Text, View, Button, TextInput} from 'react-native'; import { NavigationContainer } from '@react-navigation/native'; import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs'; import Naver from './components/Naver'; import Daum from './components/Daum'; const Tab = createMaterialTopTabNavigator(); export default function App() { const [text, setText] = useState(''); const [search, setSearch] = useState(''); const searchHandler = () => { setSearch(text) } return ( setText(val)} // onChangeText={(val) => setSearch(val)} />

React Native 하위 컴포넌트 리랜더링 관련 질문입니다.

0개의 답변

#hooks 목록