React.js を学ぶ前に学ぶべきこと

React はユーザー インターフェイスの構築に使用される JavaScript ライブラリであり、そのほとんどが JavaScript ES6 とその機能と構文 (三項演算子や簡略化された構文を含む) であるため、reactjs を学習する前に JavaScript の基礎を学習する必要があります。オブジェクト、JavaScript 組み込み関数など。

#React を他の人に紹介する過程で、私は React とは JavaScript がすべてであるという結論に達しました。また、React ではなく JavaScript に関する資料もたくさんあります。

これの大部分は JavaScript ES6 とその機能と構文ですが、三項演算子、簡略化された構文、this オブジェクト、JavaScript の組み込み関数 (map、reduce、filter)、またはより一般的な概念も含まれます。構成、再利用性、不変性、または高次の関数。 React を使い始める前にこれらの基本をマスターする必要はないかもしれませんが、学習または練習中に必ず使用する必要があります。

React クラスと JavaScript クラス

React クラス コンポーネントについては、JavaScript クラスに関する事前の知識が必要です。 JavaScript クラスの概念は比較的新しいものです。以前は、JavaScript のプロトタイプ チェーンのみが継承の実装に使用できました。 JavaScript クラスはプロトタイプの継承に基づいており、継承システムがより単純になっています。

React コンポーネントを定義する 1 つの方法は、JavaScript クラスを使用することです。

class Developer {
 constructor(firstname, lastname) {
   this.firstname = firstname;
   this.lastname = lastname;
 }
 getName() {
   return this.firstname + ' ' + this.lastname;
 }
}
var me = new Developer('Robin', 'Wieruch');
console.log(me.getName());

クラスはエンティティを記述し、エンティティのインスタンスを作成するために使用されます。 new ステートメントを使用してクラスのインスタンスを作成すると、クラスのコンストラクターが呼び出されます。クラスのプロパティは通常、コンストラクター内にあります。さらに、クラス メソッド (getName() など) を使用して、インスタンスのデータを読み取り (または書き込み) ます。クラスのインスタンスは、クラス内では this オブジェクトを使用して表されますが、外部では JavaScript 変数にのみ割り当てられます。

オブジェクト指向プログラミングでは、通常、継承を実装するためにクラスが使用されます。 JavaScript でも、extends ステートメントを使用して、あるクラスを別のクラスから継承させることができます。サブクラスは extends ステートメントを通じて親クラスのすべての関数を継承し、独自の関数を追加することもできます。

以上がReact.js を学ぶ前に学ぶべきことの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。