[解決済み] DOMオブジェクトにプロパティを設定する際にno-param-reassignを回避する方法
2022-05-17 18:42:52
質問
DOM オブジェクトにプロパティを設定することを主目的としたメソッドがあります。
function (el) {
el.expando = {};
}
AirBnBのコードスタイルを使っていますが、これはESLintに
no-param-reassign
エラーを投げます。
error 関数パラメータ 'el' への代入 no-param-reassign
AirBnBのコードスタイルに準拠しつつ、引数として渡されたDOMオブジェクトを操作するにはどうしたらよいでしょうか。
誰かが
/* eslint react/prop-types: 0 */
を参照する
別の問題
がありますが、私が間違っていなければ、これはreactにはよく当てはまりますが、ネイティブのDOM操作には当てはまりません。
また、私はコードスタイルを変更することが答えだとは思いません。標準的なスタイルを使用する利点の1つは、プロジェクト間で一貫したコードを持つことであり、自由にルールを変更することは、AirBnBのような主要なコードスタイルの誤用に感じられると思います。
ちなみに、GitHub で AirBnB に、こういう場合はどうするのがいいと思うか聞いてみました。 を課題番号766で .
どのように解決するのですか?
@Mathleticsが提案するように、次のようにします。
ルールを無効にする
を完全に無効にするには、これを
.eslintrc.json
ファイルに追加します。
"rules": {
"no-param-reassign": 0
}
あるいは、paramプロパティに特化したルールを無効化することもできます。
"rules": {
"no-param-reassign": [2, { "props": false }]
}
あるいは、その関数のルールを無効化することもできます。
/* eslint-disable no-param-reassign */
function (el) {
el.expando = {};
}
/* eslint-enable no-param-reassign */
またはその行のみ
function (el) {
el.expando = {}; // eslint-disable-line no-param-reassign
}
関連
-
vueの補間表現とv-textディレクティブの違いについて
-
[解決済み】「X-Frame-Options」を「SAMEORIGIN」に設定したため、フレームでの表示を拒否された。
-
[解決済み】React Nativeアプリをターミナルから実行するとエラーが発生する(iOS)
-
[解決済み] JavaScriptのオブジェクトが空であることをテストするにはどうすればよいですか?
-
[解決済み] JavaScriptのオブジェクトをループスルーまたは列挙するにはどうすればよいですか?
-
[解決済み] Node.jsを使うタイミングをどう判断するか?
-
[解決済み] JavaScriptのオブジェクトを表示するにはどうすればよいですか?
-
[解決済み] JavaScript でオブジェクトが特定のプロパティを持つかどうかを確認するにはどうすればよいですか?
-
[解決済み] どのDOM要素にフォーカスがあるかを調べるには?
-
[解決済み】未定義のオブジェクトプロパティを検出する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
vueネットワークリクエストソリューション ネイティブネットワークリクエストとjsネットワークリクエストライブラリ
-
vueにおけるv-forループオブジェクトのプロパティ
-
[解決済み】リソースの読み込みに失敗した:Bind関数でサーバーが500(Internal Server Error)のステータスで応答した【非公開
-
[解決済み】"フォームが接続されていないため、フォームの送信がキャンセルされました "というエラーの取得について
-
[解決済み] 期待される代入または関数呼び出し: 未使用式なし ReactJS
-
[解決済み】JavaScript TypeError: null のプロパティ 'style' を読み取ることができない
-
[解決済み】TypeScript-のAngular Frameworkエラー - "exportAsがngFormに設定されたディレクティブはありません"
-
Uncaught TypeError: null のプロパティ 'offsetHeight' を読み取れませんでした。
-
jq は html ページとデータを動的に分割する。
-
[解決済み] ESLintのreact/prop-typesルールを無効化する方法は?