验证 PropTypes 传递的组件

Question

我有一个关于 propTypes 的问题。如果您查看 LoginLayoutRoute.propTypes 我如何验证正在传递的组件。

const LoginLayoutRoute = ({ component: Component, ...rest }) => (
  <Route
    {...rest}
    render={matchProps => (
      <LoginLayout>
        <Component {...matchProps} />
      </LoginLayout>
    )}
  />
)

LoginLayoutRoute.propTypes = {
  component: ...,
}

const RouterSetup = () => (
  <Router>
    <Switch>
      <LoginLayoutRoute path="/login" component={LoginPage} />
    </Switch>
  </Router>
)

Answer 1

我想通了。它看起来像这样：

LoginLayoutRoute.propTypes = {
  component: PropTypes.func.isRequired,
}

验证 PropTypes 传递的组件

Validate PropTypes passed component

javascript

reactjs

react-proptypes