til

부모컴포넌트에서 자식컴포넌트로 데이터를 보내는건 쉽게 가능한데 역으로 보내는 건 좀 헷갈려서 확실히 정리해보려고 적어놓는다.! 일단 예를 들어, 검색어를 입력하는 박스를 포함하는 컨텐츠 페이지가 있다면 검색어를 입력한 뒤 버튼을 눌러 검색어들에 대한 정보를 넘겨 컨텐츠 페이지에서 결과를 받아내야할 것이다. ContentPage.tsx import React, { useState } from "react"; import SearchBox from "./SearchBox"; const ContentPage: React.FC = () => { const [searchResults, setSearchResults] = useState([]); const [selectedOption, setSelectedOpti..

React context는 여러 프로젝트시에 자주 이용하지만, 늘 그렇듯 프로젝트 시에 필요한 부분 대강만 알고 있는 거 같아 처음부터 정리를 해보기 위해서 꼼꼼하게 알아보았다 Context를 사용하면 데이터를 일일이 컴포넌트 계층 구조를 따라 전달하지 않고도 컴포넌트 간에 데이터를 공유할 수 있어, 전역적으로 데이터를 관리하고 싶을 때 이용한다. React Context는 아래와 같은 주요 요소로 구성된다. 1.Context 생성 createContext 함수를 사용하여 새로운 Context 객체를 생성 const MyContext = React.createContext();​ Provider 컴포넌트 Context를 제공하는 컴포넌트. Provider는 전역 상태나 함수를 제공하고 이를 하위 컴포넌트..