首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >“系统提供”属性的React propTypes

“系统提供”属性的React propTypes
EN

Stack Overflow用户
提问于 2018-09-30 00:41:29
回答 1查看 79关注 0票数 0

当涉及到一些React组件提供的道具时,PropTypes的最佳实践是什么,例如:

由ReactRouter

  • props.dispatch()提供的
  • props.location和props.match提供程序,如果组件“已连接”到Redux store

这些属性是否有必要使用propTypes?

如果是props.match,我应该检查多深的属性?检查props.match是否足够,或者我是否应该检查props.match.url,如果match.url是我在特定组件中所需的全部?

谢谢

代码语言:javascript
复制
import PropTypes from 'prop-types'

class ProductsList extends Component {

  constructor(props) {
    super(props);

    this.handleSelect = this.handleSelect.bind(this);
  }

  handleSelect(product_id) {
      this.props.dispatch(handleAddProduct(product_id));
  }

  render() {
      const {match, location} = this.props;

     return (... JSX code goes here ....)
  }
}

ProductsList.propTypes = {
  match: PropTypes.object.isRequired,
  location: PropTypes.object.isRequired
  dispatch: PropTypes.func.isRequired
}

export default connect()(ProductsList)
EN

回答 1

Stack Overflow用户

发布于 2018-09-30 00:47:09

不是的。库本身使用propTypes。检查this链接

代码语言:javascript
复制
  Route.propTypes = {
    children: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
    component: PropTypes.func,
    exact: PropTypes.bool,
    location: PropTypes.object,
    path: PropTypes.string,
    render: PropTypes.func,
    sensitive: PropTypes.bool,
    strict: PropTypes.bool
};
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52570419

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档