reactjs - Eslint - Prop 验证中缺少 'match' (react/prop-types)

Question

我的 eslint 在以下行失败。

  const id = this.props.match.params.personID;

我该如何解决这个问题。设置一个忽略规则就可以了。找到修复方法会更好。

错误

 severity: 'Error'
    message: ''match' is missing in props validation (react/prop-types)'
    at: '14,27'
    source: 'eslint'
    code: 'react/prop-types'

Answer 1

当您检查 Prop 类型时，您还必须验证匹配的形状。

如果您使用流:

type Props = {
  match: {
    params: {
      field1: number,
      field2: string,
    }
  }
  ...
}

class Component extends React.Component<Props> {
  ...
}

如果您没有使用 PropTypes ...

import PropTypes from 'prop-types';

class MyComponent extends React.Component {
  ...
}

MyComponent.propTypes = {
  match: PropTypes.shape({
    params: PropTypes.shape({
      field1: PropTypes.number.isRequired
      field2: PropTypes.string
    })
  }),
  ...
}