Function useStore

src/index.tsx:355–390

(modelName: string, selector?: Function)

}

const useStore = (modelName: string, selector?: Function) => {
  const setState = useState({})[1]
  const hash = useRef<string>('')
  // createStore('xxx', () => {}) has the top priority

  const mutableState = get([modelName])(Global.mutableState)
  const isFromCreateStore = !!mutableState
  const usedSelector = isFromCreateStore ? mutableState.selector : selector
  const usedState = isFromCreateStore ? mutableState : getState(modelName)

  useStoreEffect(() => {
    Global.uid += 1
    const local_hash = '' + Global.uid
    hash.current = local_hash
    if (!Global.Setter.functionSetter[modelName]) {
      Global.Setter.functionSetter[modelName] = {}
    }
    Global.Setter.functionSetter[modelName][local_hash] = {
      setState,
      selector: usedSelector
    }
    return function cleanup() {
      delete Global.Setter.functionSetter[modelName][local_hash]
    }
  }, [])

  if (isFromCreateStore) {
    return usedSelector(usedState)
  } else {
    const updaters = getActions(modelName, {
      __hash: hash.current,
      type: 'f'
    })
    return [usedSelector ? usedSelector(usedState) : usedState, updaters]
  }
}

// Class API
class Provider extends PureComponent<{}, Global['State']> {