PropTypes.node仍然会抛出无效的prop类型错误

时间:2017-12-16 12:56:34

标签: reactjs react-proptypes

我有一个Contact.js组件。

<Heading {...props} />内,我使用Heading.propTypes = { heading: PropTypes.string, } 组件:

Warning: Failed prop type: Invalid prop `heading` of type `object` supplied to `Contact`, expected `string`.

但得到了这个错误:

Heading.propTypes = {
  heading: PropTypes.node,
}

所以我将PropTypes改为:

.node

(...在尝试了一系列PropTypes组合之后)所以它会停止抱怨,但它会继续抛出类似的错误,具体取决于我设置的PropType。

我认为{!! Helpers::render_input('settings[companyname]','Company Name',Helpers::get_option('companyname'),'text',array('autofocus'=>true)) !!} 只是&#34;接受任何事情&#34; ...

如何解决这个烦人的错误,或者这是一个错误?

1 个答案:

答案 0 :(得分:0)

没关系,这是因为我忘了在Contact.js中设置PropTypes。

添加

heading: PropTypes.oneOfType([
  PropTypes.string,
  PropTypes.object,
]),

同时Contact.jsHeading.js修复了它。