在控制台中使用redux-form fieldInputPropTypes抛出错误

Question

我在我的项目中使用了redux-form，并且想要使用fieldInputPropTypes，它可以从redux-form导入。我使用它像这样

import { fieldInputPropTypes } from 'redux-form'; 
... 
SuperComponent.propTypes = { 
    ... 
    input: fieldInputPropTypes.isRequired, 
    ... 
}; 

但后来我在控制台中看到的错误： Warning: Failed prop type: SuperComponent: prop type ``input`` is invalid; it must be a function, usually from React.PropTypes.

我使用它以某种方式错了吗？

Answer 1

你应该从'prop-types'包中将它包装在PropTypes.shape()中。

看看源码here。

工作例如：

import PropTypes from 'prop-types'; 
import { fieldInputPropTypes } from 'redux-form'; 
... 
SuperComponent.propTypes = { 
    ... 
    input: PropTypes.shape(fieldInputPropTypes).isRequired, 
    ... 
};