React Study [#8] - 지뢰찾기

제로초님의 "웹 게임을 만들며 배우는 React"을 보고 학습하는 스터디 입니다.

Context API

Context API를 사용하면, 중간의 자식 element에게 props를 넘겨주지 않아도 상태관리가 가능하다.

import react, { useReducer, createContext, useMemo } from 'react';

...

const MineSearch = () => {
    const [state, dispatch] = useReducer(reducer, initialState);

    const value = useMemo(() => ({tableData: state.tableData, dispatch}), [state.tableData]);

    return (
        <TableContext.Provider value={value}>
            <Form />
            <div>{state.timer}</div>
            <Table />
            <div>{state.result}</div>
        </TableContext.Provider>
    );
}