相关疑难解决方法(0)

期望'this'由类方法使用

在我的课堂上,eslint抱怨"预期'这个'被类方法'getUrlParams'使用

这是我的班级:

class PostSearch extends React.Component {
  constructor(props) {
    super(props);
    this.getSearchResults();
  }

  getUrlParams(queryString) {
    const hashes = queryString.slice(queryString.indexOf('?') + 1).split('&');
    const params = {};

    hashes.forEach((hash) => {
      const [key, val] = hash.split('=');
      params[key] = decodeURIComponent(val);
    });

    return params;
  }

  getSearchResults() {
    const { terms, category } = this.getUrlParams(this.props.location.search);
    this.props.dispatch(Actions.fetchPostsSearchResults(terms, category));
  }

  render() {
    return (
      <div>
        <HorizontalLine />
        <div className="container">
          <Col md={9} xs={12}>
            <h1 className="aboutHeader">Test</h1>
          </Col>
          <Col md={3} xs={12}>
            <SideBar />
          </Col>
        </div>
      </div>
    );
  }
}
Run Code Online (Sandbox Code Playgroud)

解决此问题或重构此组件的最佳方法是什么?

javascript ecmascript-6 reactjs eslint

42
推荐指数
4
解决办法
4万
查看次数

如何修复"警告预期'这个'由类方法'使用的eslint错误?

我在react Component中创建了这样的PDF.

export class Test扩展了React.PureComponent {

savePDF() {
  const source = document.getElementById('printContainer');
  /* eslint new-cap: ["error", { "newIsCap": false }]*/
  let pdf = new jspdf('p', 'pt', 'letter');


  let margins = { top: 50,
    left: 60,
    width: 612
  };

  pdf.fromHTML(
    source, 
    margins.left, 
    margins.top, 
    {
      width: margins.width
    },
    () => {
      pdf.save('worksheet.pdf');
    }
  );
} 
Run Code Online (Sandbox Code Playgroud)

我正在接受 warning Expected 'this' to be used by class method 'savePDF' class-me

这被称为点击,onClick={this.savePDF}如下所示

  render() {
       <Link
      name="save-to-pdf"
      onClick={this.savePDF}
      button="secondary">
        Save to PDF</Link>
       <div id="printContainer" className="cf-app-segment--alt …
Run Code Online (Sandbox Code Playgroud)

javascript class ecmascript-6 reactjs eslint

5
推荐指数
1
解决办法
4115
查看次数

标签 统计

ecmascript-6 ×2

eslint ×2

javascript ×2

reactjs ×2

class ×1