Linting в реакции

Question

Я изучаю React.js. Я разрабатываю приложение. Мой код как показано ниже

<div className="ui pagination menu">
            <span
              className={
                this.props.page === 1
                  ? 'disabled item pagination'
                  : 'item pagination'
              }
              onClick={() => {
                if (this.props.page === 1) {
                  return false;
                }
                this.pagination(this.props.page - 1);
              }}
            >
              ❮
            </span>
            <div className="item">
              Page {this.props.page} of {this.props.maxPages}
            </div>
            <span
              className={
                this.props.page === this.props.maxPages
                  ? 'disabled item pagination'
                  : 'item pagination'
              }
              onClick={() => {
                if (this.props.page === this.props.maxPages) {
                  return false;
                }
                this.pagination(this.props.page+1); 

                <h1 className="ui attached warning message table">  // Line 185
                  <span id="address">Addresses</span>
                  <span id="user_details">
                    Welcome,  <b> { this.state.userName } </b>  |
                    <span id="logout" onClick={this.logout}> Logout </span>
                    <button className="ui teal button" onClick={this.openPopup}> <i className="plus square icon" />
                      Add Address
                    </button>
                  </span>
                </h1>
              {this.props.addresses.length > 0 ? (

Я получаю Warning как показано ниже

Line 185:  Expected an assignment or function call and instead saw an expression  no-unused-expressions

Может кто-нибудь сказать, как я могу решить Warning?

Answer 1

Я думаю, что вы пропустили закрытие функции onClick до вашего line 185, вы должны сделать это,

<span
  className={
      this.props.page === this.props.maxPages
      ? 'disabled item pagination'
      : 'item pagination'
  }
  onClick={() => {
    if (this.props.page === this.props.maxPages) {
        return false;
    }
    this.pagination(this.props.page+1); 
}} //This is missing
> //closing of span is also missing
<h1 className="ui attached warning message table">  // line 185

Answer 2

Полагаю, вам не хватает заключительного заявления для onClick.Может быть полезно использовать и IDE и установить красивее.Это поможет вам увидеть, где вам не хватает синтаксиса.Кроме того, здесь приведена дополнительная информация об рациональном для ошибки:

http://linterrors.com/js/expected-an-assignment-or-function-call