React Combine Provider
Combine react providers in ease
Requires React >= 16.8.0
Fully support unstated-next and constate
Install
npm install --save react-combine-provider
Usage
- unstated
import React useState from 'react';import ReactDOM from 'react-dom';import createContainer from 'unstated-next';import combineProviders from 'react-combine-provider'; const useCounter1 = initialState = 1 const count setCount = ; const decrement = ; const increment = ; return count decrement increment ;; const Counter1 = ; const useCounter2 = initialState = 2 const count setCount = ; const decrement = ; const increment = ; return count decrement increment ;; const Counter2 = ; { const counter1 = Counter1; console; return <div> <div>counter display 1</div> <div>counter 1</div> <button =>-</button> <span>counter1count</span> <button =>+</button> <br /> </div> ;} { const counter1 = Counter1; const counter2 = Counter2; return <div> <div>counter display 2</div> <div>counter 1</div> <button =>-</button> <span>counter1count</span> <button =>+</button> <div>counter 2</div> <button =>-</button> <span>counter2count</span> <button =>+</button> <br /> </div> ;} const StateProviders = ; { return <StateProviders> <CounterDisplay1 /> <br /> <CounterDisplay2 /> </StateProviders> ;} ReactDOM;