리액트 렌더링1 [React] 리액트 학습 React 렌더링 방식 내부 상태값(state)이나 중앙 상태값(redux store 등)이 변경되는 경우 부모 컴포넌트가 재렌더링되는 경우, 자식 컴포넌트도 재렌더링. React 컴포넌트에서 return nul*을 사용하면 해당 컴포넌트는 아무것도 렌더링되지 않습니다. 이 방식을 사용하면 조건에 따라 특정 컴포넌트를 출력하지 않도록 만들 수 있습니다. useEffect(() => { // 데이터를 비동기적으로 가져옵니다. fetchDataFromAPI().then(responseData => { setData(responseData); }); }, []); // 데이터가 없을 경우 아무것도 렌더링하지 않습니다. if (!data) { return null; } 렌더링 순서 컴포넌트 함수 호출 컴포넌트 .. 2023. 9. 29. 이전 1 다음