【ESLint問題記録】

目次

ディレクトリ

エラー-ESLint:Unary operator'+'used.(no-plusplus)

エラー-ESLint:Expected'==='and instead saw'==(eqeqeq)

エラー-ESLint:''is not defined. (no-undef)

エラー-ESLint:Missing radix parameter.(radix)

エラー-use callback in setState when reference the previous state(react/no-access-state-in-setState)

最適化スケッチ

テンプレート文字列

推奨文書

ショートカットリンク

エラー-ESLint:Unary operator'+'used.(no-plusplus)

for (let i = 0; i < selectedRows.length; i++) { UnitKeys[i] = selectedRows[i].unit_id; }

理由ESLintに++オペレータがないため、

for (let i = 0; i < selectedRows.length; i += 1) { UnitKeys[i] = selectedRows[i].unit_id; }

エラー-ESLint:Expected'==='and instead saw'=='(eqeqeq)

すべての==判断を超厳格に変更==

エラー-ESLint:''is not defined. (no-undef)

効果はstringに変換できますが、文法が厳密ではありません.

 unit: _.toString(),

変更:

 unit: this.state.unitName.toString(),

エラーを報告-ESLint:Missing radix parameter.(radix)

数値文字列をintタイプに変換します.パラメータとしてradixが欠けているため、2〜36の間の整数(数学系の基礎)は、上記の文字列の を表す.通常、jsは値を10、すなわち10進数にデフォルト設定します.ここでは厳密です.

parseInt(this.state.adminId)

以下に変更できます.

parseInt(this.state.adminId，10)

または巧みに:

Number(this.state.adminId)

エラーメッセージ-use callback in setState when reference the previous state(react/no-access-state-in-setState)

エラーの原因は、前のステータスを参照するときにsetStateでコールバックを使用することです.

function increment() {
  this.setState({value: this.state.value + 1});
}

解決策:最初のパラメータとして前の状態(prevState)を用いたコールバックは、このような状況を回避することができる.

function increment() {
  this.setState(prevState => ({value: prevState.value + 1}));
}

以上具体的には、eslint-plunt-reactのList of supported rulesクエリエラー問題ClickHereを参照してください.

簡略化の最適化

 const userList= this.props.userList;
 const unitList = this.props.unitList ;
 const UnitKeys = this.state.UnitKeys ;

ES 6の の機能を利用して、以下のように簡単に書くことができます.

 const { userList, unitList } = this.props;
 const { UnitKeys } = this.state;

テンプレート文字列

注意!は、${}プレースホルダを使用した変数を反引用符``で囲みます.テンプレート文字列内で逆引用符を使用する場合は、その前にエスケープ記号を付ける必要があります.

`string text ${expression} string text`

推奨ドキュメント

JS標準ライブラリClickHere

ショートカットリンク

すべてのReact学習ノートのディレクトリClick Here>>すべてのJavascript学習ノートのディレクトリClick Here>>Less学習ノートClick Here>>安利一波前端開発推薦使用のツールClick Here>>github各種実戦練習ソースダウンロードClick Here>>私のものがあなたを助けることができると思ったら、私のgithubライブラリにスター~0 v 0~