reactjs – ESLint React-Router v4 – 如何验证Match params props?

我正在使用React-Router v4的 Match object将params传递给下一个组件.我的路由就像:
<Switch>
  <Route exact path="/" component={ExperimentListPage} />
  <Route path="/experiment/:experiment" component={ExperimentResultsPage} />
</Switch>

我的子组件看起来像:

const ExperimentResultsPage = props => (
   <ExperimentResultsContainer experimentName={props.match.params.experiment} />
);

export default withRouter(ExperimentResultsPage);

这一切都按预期工作,但是ESLint对我使用match.params.experiment非常不满意,并且在道具验证(react / prop-types)中缺少[eslint]’match.params.experiment’错误

我在React文档中看到我可以使用PropTypes.shape而不是我的params对象,但我希望有更好的方法,特别是因为Match对象包含很多字段.

有没有更好的方法将Match路径对象添加到道具验证?那会是什么样子?如果没有,我是否错过了其他可以帮助解决此问题的方法

我碰到了类似的东西,eslint似乎很好,只是声明我使用道具并忽略匹配中未使用的字段:
match: PropTypes.shape({
    params: PropTypes.shape({
      experiment: PropTypes.string,}),}).isrequired,

相关文章

一、前言 在组件方面react和Vue一样的,核心思想玩的就是组件...
前言: 前段时间学习完react后,刚好就接到公司一个react项目...
前言: 最近收到组长通知我们项目组后面新开的项目准备统一技...
react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...