javascript - 在 React 组件中使用 static contextTypes = {} 的原因是什么？

Question

我正在尝试理解一些代码。您能否向我解释一下执行此 static contextTypes = {} 的目的是什么？为什么我们这样定义它？有什么好处？

static contextTypes = {
  product_id: PropTypes.number,
  size: PropTypes.number,
  loadRelatedProducts: PropTypes.func,
}

您可以在此处找到完整的组件代码 -> https://jsfiddle.net/8hbyLopq/1/

<小时/>

为 future 的开发人员编辑和信息:

所以我阅读了文档，它是类型检查。

React 文档说:

PropTypes exports a range of validators that can be used to make sure the data you receive is valid. In this example, we’re using PropTypes.string. When an invalid value is provided for a prop, a warning will be shown in the JavaScript console.

相关问题:

1. 此类型检查适用于来自latedproducts组件父级的props，是吗？那么它正在检查RelatedProducts父级是否向我们发送了product.id(这是一个数字)？如果没有，控制台日志会显示错误，对吗？

2. 它还可以用于检查其他输入，因为我们在这里从 redux 操作导入函数 loadRelatedProducts，对吗？

3. 我是不是忘记了一些与此事有关的事情？

Answer 1

1. This type-checking is for props that are comming from RelatedProducts component parent, yes? So it is checking if RelatedProducts parent is sending us product.id that is a number? If not there will be console log error shown, right?

正确。是的，以上所有内容。

2. It can also be used to check other inputs, because we are here importing a function loadRelatedProducts from a redux action, right?

正确。从代码中可以明显看出。

Did I forget about something concerning the matter?

不是真的。这只是类型检查，以确保您获得满足条件的上下文:

• 类型正确(字符串/数字/函数等)
• 如果通过 isRequired 将它们设置为必需，则会首先传递。否则，只要传递的类型是正确的，就可以选择是否传递它。