Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
August 28, 2021 07:59 am GMT

No More React Context Hell

If you always wanted it to look like this

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

here is your Providers Component:

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)}

Enjoy!

Like, share and etc


Original Link: https://dev.to/hyposlasher/no-more-react-context-hell-4pm3

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To