더 이상 반응 컨텍스트 지옥이 없습니다

항상 이런 모습을 원했다면

  <Providers providers={[
    <FooContext.Provider value="foo" />,
    <BarContext.Provider value="bar" />,
    <BazContext.Provider value="baz" />,
  ]}>
    <App />
  </Providers>,


다음은 제공자 구성 요소입니다.

const Providers = ({providers, children}) => {
  const renderProvider = (providers, children) => {
    const [provider, ...restProviders] = providers;

    if (provider) {
      return React.cloneElement(
        provider,
        null,
        renderProvider(restProviders, children)
      )
    }

    return children;
  }

  return renderProvider(providers, children)
}


즐기다!

좋아요, 공유 등

좋은 웹페이지 즐겨찾기