道具验证[react / prop-types]中缺少调度操作

Question

我得到像这样的es lint错误[eslint]在道具验证中缺少'getBrodcastedList'[react / prop-types]

import { PropTypes } from 'react';
class HelloMessage extends React.Component {


getRequests(query) {
    this.props.getList(query);//this line  [eslint] 'getList' is missing in props validation [react/prop-types]
  }
  render() {
    return (
      <div>
        Hello {this.props.name}
      </div>
    );
  }
}

ReactDOM.render(
  <HelloMessage name="Taylor" />,
  document.getElementById('hello-example')
);

帮我。 如何在 - >“this.props.getList（query）”中为此es lint错误定义道具类型

Answer 1

您需要为getList方法添加propTypes。

import PropTypes from 'prop-types';

class HelloMessage extends React.Component {

getRequests(query) {
    this.props.getList(query);//this line  [eslint] 'getList' is missing in props validation [react/prop-types]
  }
  render() {
    return (
      <div>
        Hello {this.props.name}
      </div>
    );
  }
}

HelloMessage.propTypes = {
  getList: PropTypes.func.isRequired,
};

注意：您需要为它安装另一个包prop-types 。

Answer 2

1. 你应该定义你的函数ES6语法，以便能够访问this.props，this.state里面：
   将“getRequests（query）{...}”更改为“getRequests =（query）=> {...}”

2. 为组件定义PropsType：

 HelloMessage.propTypes = { getList: PropTypes.func.isRequired }; 

使用PropTypes进行类型检查