与“ PropTypes.element”相对应的“ defaultProp”的正确值是什么？

Question

我有一个组件，我希望接受另一个组件作为道具，然后进行渲染。我希望传递的组件是可选的，并且
在这种情况下不呈现任何内容。

以下代码可以完美运行：

const Component = ({ Inner }) => (
  <div style={{ borderStyle: "solid" }}>
    <Inner />
  </div>
);

Component.propTypes = {
  Inner: PropTypes.element
};

Component.defaultProps = {
  Inner: () => null
};

但是，在页面的第一次加载中，prop-types抱怨：

警告：prop类型失败：提供 给Inner的类型无效的prop ，应该是单个ReactElement。function
Component

我当前的解决方案是重新定义propTypeasPropTypes.oneOfType([PropTypes.element, PropTypes.func])，但这似乎完全不正确。

我应该propType或defaultProp实际上是什么？

SSCCE在沙箱中。

这个问题类似于If元素的proptype是默认值吗？，但这已经接受了一个无效的答案，
即使它确实有效，对我也不是什么帮助，因为我使用的是本机反应。我没有以与本机反应有关的方式来构架这个问题，就像我说过的那样，我的示例工作正常，这只是prop-types一个大问题。

Answer 1

使用elementType的类型将解决您的问题。

Component.propTypes = {
  Inner: PropTypes.elementType
};

由于您的道具是反应组件，因此我们使用elementType。如果您曾经打开过prop-types的源代码，则可以在其中找到。