小编Dim*_*imo的帖子

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

我正在使用React-Router v4的Match对象将params传递给下一个组件.我的路由就像:

<Switch>
  <Route exact path="/" component={ExperimentListPage} />
  <Route path="/experiment/:experiment" component={ExperimentResultsPage} />
</Switch>
Run Code Online (Sandbox Code Playgroud)

我的子组件看起来像:

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

export default withRouter(ExperimentResultsPage);
Run Code Online (Sandbox Code Playgroud)

这一切都按预期工作,但是ESLint对我的使用非常不满意,match.params.experiment并且错误[eslint] 'match.params.experiment' is missing in props validation (react/prop-types)

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

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

reactjs eslint react-router-v4

9
推荐指数
1
解决办法
1634
查看次数

如何从命令行使用PyCharm作为GIT diff工具?

PyCharm帮助网站上,我看到你可以使用PyCharm作为命令行中的差异工具来比较两个文件.棒极了!但是有一种方法可以更进一步,并将其用作git diff工具.

所以我可以输入pycharm diff file_name.py和获取GIT差异,就像你在PyCharm上设置GIT集成并按下CTRL + D以查看差异一样.

git command-line pycharm

6
推荐指数
1
解决办法
1519
查看次数

GraphiQL:如何填充所有字段

有没有办法(或快捷方式)填充查询的所有字段?

让我们以https://graphql.org/swapi-graphql/为例。

我知道通过ctrl + space我可以调用自动建议。 在此处输入图片说明

但是,如果我想填充所有字段(名称、高度等)而不必手动输入它们呢?

graphql graphiql

6
推荐指数
1
解决办法
1852
查看次数