作成したreactコンポーネントの1500行のコードを共有せずに、これを投稿しようとしています。他のコンポーネントと同様に、コンポーネントの一般的な構造は次のとおりです。
import React, { Component } from 'react';
import d3 from "d3";
class presComponent extends Component {
constructor(props) {
super(props);
this.state = { ... }
}
someHelperFunction(paramA="blue", paramB="red") { ... }
componentDidMount() {
this.someHelperFunction(paramA="blue", paramB="red")
}
render() {
...
コンストラクターの後に、コードを整理するために使用したいくつかの関数があります。これらの関数は、ライフサイクルメソッド(ほとんどの場合、DidMountおよびDidUpdate)で呼び出されます。一部のヘルパー関数にはデフォルトのパラメーターがあります。この場合、someHelperFunctionにはパラメーターparamAとparamBがあり、デフォルト値は青と赤です。
このコンポーネントはプレゼンテーションコンポーネントであり、メインコンテナコンポーネントの1つから呼び出します。これを行うと、次のエラーが発生します。
Line 1735: 'paramA' is not defined no-undef
Line 1735: 'paramB' is not defined no-undef
私のコードの1735行目は、componentDidMount内の関数の呼び出しであるため、次の行になります。
this.someHelperFunction(paramA="blue", paramB="red")
なぜそうなのですか。私の例では、パラメーター値をデフォルト値に設定しましたが、デフォルト値を使用しなくても、このエラーが発生します。ここでの助けはありがたいです、私はjavascript / reactの関数のデフォルトパラメータの使用を理解していないように感じます。
ありがとう!
this.someHelperFunction(paramA="blue", paramB="red")
これは3つのことをします
さて、あなたはstrictモードである場合paramA
とparamB
、再びのこのインスタンス-変数が警告/エラーを取得しないように、既存する必要があるparamA
とparamB
の関数のパラメータ名と全く関係のありません、
あなたも同様に持つことができます
someHelperFunction(paramA="blue", paramB="red") { ... }
this.someHelperFunction(someRandomWord="blue", anotherRandomWord="red")
エラーがそれを言う以外、あなたは(同じエラーに直面しているだろうsomeRandomWord
し、anotherRandomWord
定義されていません
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加