Reactjs 如何在大型代码库中跟踪React JSX中的道具来源?

Reactjs 如何在大型代码库中跟踪React JSX中的道具来源?,reactjs,store,react-jsx,Reactjs,Store,React Jsx,在每个文件中,都有一组已定义的Proptypes,该文件中的组件将使用这些类型。例如: const Drafts=React.createClass({ 道具类型:{ 草稿:React.PropTypes.array.isRequired }, 混合:[状态,导航], render(){ ... } }); 我为什么要发grep?“草稿”?这是无效的。我还可以从哪个存储区中找出该变量的来源?您可以查询该组件的使用位置,然后从那里派生到存储区的任何连接。我如何查询组件的使用位置?我认为这个特定组

在每个文件中,都有一组已定义的
Proptypes
,该文件中的组件将使用这些类型。例如:

const Drafts=React.createClass({
道具类型:{
草稿:React.PropTypes.array.isRequired
},
混合:[状态,导航],
render(){
...
}
});

我为什么要发grep?“草稿”?这是无效的。我还可以从哪个
存储区
中找出该变量的来源?

您可以查询该组件的使用位置,然后从那里派生到存储区的任何连接。我如何查询组件的使用位置?我认为这个特定组件的名称是
Drafts
。但是,如果我对“草稿”进行grep,很多事情都会出现,我不知道我在寻找什么。您可以在页面上找到该组件,并查看其道具和父组件。