react-reduxAPI及原理（上篇）——provider篇

function Provider({ store, context, children }) {

const contextValue = useMemo(() => {

const subscription = new Subscription(store)

subscription.onStateChange = subscription.notifyNestedSubs

return {

store,

subscription

}

}, [store])

const previousState = useMemo(() => store.getState(), [store])

useEffect(() => {

const { subscription } = contextValue

subscription.trySubscribe()

if (previousState !== store.getState()) {

subscription.notifyNestedSubs()

}

return () => {

subscription.tryUnsubscribe()

subscription.onStateChange = null

}

}, [contextValue, previousState])

//context：是可以自定义的context，如果不传即用内部创建的context

const Context = context || ReactReduxContext

return <Context.Provide