共享道具类型时,我无法坚持工作。
我想知道是否有一种方法可以共享已经在组件中定义的prop-types,我将在另一个组件中使用
。import CheckboxError from './CheckboxError'
class SingleCheckbox extends Component {
static propTypes={
...CheckboxError.propTypes
}
render() {
const { message, touched, errorType} = this.props
return (
<div>
{"Checkbox code"}
<ErrorMessage message={message} touched={touched} errorType={errorType}></ErrorMessage>
</div>
)
}
}
================================================ =
import React from 'react'
import PropTypes from 'prop-types'
const CheckboxError = ({message, touched}) => {
return (
<Fragment>
{touched && <div className="checkbox-error">
Styled:
{message}
</div>}
</Fragment>
)
}
CheckboxError.propTypes = {
message: PropTypes.string,
touched: PropTypes.bool,
}
export default CheckboxError
它应该在SingleCheckbox.js上突出显示错误,因为它没有在CheckboxError中定义。
道具验证中缺少'errorType'。