reactjs - 如果使用 Context API，我是否使用 PropTypes

Question

在这里使用 React 的前几个月......
我可以想象我会使用 prop 类型来表示真正的 props 进入组件。但是，如果我作为消费者从上下文 api 提供者获取大部分数据，我还需要使用 prop 类型吗？还有什么我应该做的。这段代码似乎有点无意义。

App.propTypes = {
  context: PropTypes.object,
};

我只想以正确的方式做事。我重构了我的应用程序以使用上下文 api 而不是 Prop 钻孔。这很好。只是不确定 proptypes 在哪里。

希望这是有道理的。

我以前在我的一个组件中有这样的东西。

 Filters.propTypes = {
  context: PropTypes.object,
   resData: PropTypes.object,
   query: PropTypes.object,
   updateQueryFields: PropTypes.func,
   scrollerBack: PropTypes.func,
   createAnalyticsEvent: PropTypes.func,
   resetEverything: PropTypes.func,
   resetStatus: PropTypes.string,
 };

但是现在几乎所有这些数据都在上下文 api 提供程序中。

Answer 1

您可以使用 PropTypes.shape来指定结构。
例如。

Filters.propTypes = {
    context: PropTypes.shape({
        something: PropTypes.number.isRequired,
        anotherThing: PropTypes.string,
        anotherObject: PropTypes.shape({
            foo: PropTypes.arrayOf(PropTypes.number)
        })
    })
}