如果使用上下文 API，我是否使用 PropTypes

Question

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

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

我只想以正确的方式做事。我重构了我的应用程序以使用上下文 api 而不是道具钻孔。这很好。只是不确定所有这些属性都属于哪里。

希望这是有道理的。

我以前在我的一个组件中有类似的东西。

 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)
        })
    })
}