Function RenderComponent

src/react/createComponent.ts:31–43

(props: Props)

  const unmounted = createEvent<any>()

  function RenderComponent(props: Props) {
    const propsRef = React.useRef(props)
    const state = useStore(store)
    useIsomorphicLayoutEffect(() => {
      mounted({props: propsRef.current, state: store.getState()})
      return () => {
        unmounted({props: propsRef.current, state: store.getState()})
      }
    }, [])
    const result = renderProp(props, state)
    propsRef.current = props
    return result
  }
  RenderComponent.mounted = mounted
  RenderComponent.unmounted = unmounted
  return withDisplayName(`${storeName}.View`, RenderComponent)