javascript - 在纯函数代码中使用 react proptypes 进行验证

Question

我真的很喜欢 react proptypes 的想法，并且想知道它们是否可以用于验证任何给定函数的输入，而不仅仅是传递给 react 组件的 props。

例如:

function doSomething (thing1, thing2) {
    Proptypes.validate(arguments, [Proptypes.string, Proptypes.number]);
}

有没有办法让 proptypes 做到这一点？

谢谢!

Answer 1

是的，他们可以，尽管您需要传递一些无关的参数。

你可能想要做一个包装函数来让生活更轻松，但不要忘记 React.PropTypes 本身就是函数。

例如:

React.PropTypes.string(props, propName, componentName)

props 是组件的整个 props 对象，propName 是被检查的 prop 的名称(和键)，componentName 是您从中调用它的组件的名称。

尽管我认为自己动手可能会更好，因为自己执行此操作的代码量非常少，并且可以保护您免受 React.PropTypes 方式的任何潜在更改在 React 的 future 版本中工作。