是否可以将子道具类型共享到父组件中而无需重写它们并通过eslint进行验证?

时间:2019-02-17 01:15:01

标签: reactjs eslint react-proptypes

共享道具类型时,我无法坚持工作。

我想知道是否有一种方法可以共享已经在组件中定义的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'。

0 个答案:

没有答案
相关问题