javascript - 为什么 React 说 “Invalid prop ` Children`” 类型是对象而不是函数？

Question

我对 Prop 类型有疑问。出现警告消息，指出 children 是对象而不是函数。

但是当我在对象中更改它时，我遇到了 npm Lint 问题。

这表明不能是对象类型。

如何避免这个问题？

组件代码:

import propTypes from 'prop-types';
import * as React from 'react';

export default function layout({ children, title }) {
  return (
    <div className="root">

      <h2>{title}</h2>

      {children}

    </div>
  );
}

layout.propTypes = {
  children: propTypes.func.isRequired,
  title: propTypes.string.isRequired
};

警告消息:

Warning: Failed prop type: Invalid prop children of type object supplied to layout, expected function. in layout in Index in Container in App in Context.Provider in Context.Provider in Context.Provider in Context.Provider

Answer 1

React Children 属性不是一个函数，而是一个对象。

试试这个: child :PropTypes.element.isRequired