React child function arguments proptype check

Question

如何检查子函数参数proptype？

如果我们有包装器组件，如：

const FirstInnerComponent = () => (<div>1</div>);
const SecondInnerComponent = () => (<div>2</div>);

const WrapperOne = ({ children }) => (
  <Container className="fixed">{children(FirstInnerComponent, SecondInnerComponent)}</Container>
);

以及当我们使用它时：

<WrapperOne>
  {(FirstInner, SecondInner) => (
    <>
      <FirstInner />
      <SecondInner />
    </>
  )}
</WrapperOne>

如果我们的FirstInnerComponent具有以下propTypes：

FirstInnerComponent.propTypes = {
  someProp: PropTypes.object.isRequired,
};

正如我们期望的那样，我们应使用强制FirstInnerComponent来调用someProp。但是我们应该如何使用propType呢？

Answer 1

FirstInnerComponent.propTypes = {
  someProp: PropTypes.object.isRequired,
};

这意味着您应该使用名称为FirstInnerComponent的字符串和someProp作为参数来调用required，但是如果您不想使用它，则编译器不会引发错误，但是如果您看到控制台，则会看到一个red line warning即使再次将其用作数组或对象，也会看到red line warning。

另一个词

PropTypes导出一系列验证器，可用于确保您收到的数据有效