はじめに:
ES6 では、クラスとアロー関数がよりクリーンな記述のための強力な機能を提供しますより表現力豊かなコード。この記事では、クラス メソッドとしてのアロー関数の構文と使用法について説明し、アロー関数を使用しようとしたときの一般的なエラーに対処します。
クラス メソッドとしてのアロー関数の使用
アローを永続的にバインドするには関数をクラス インスタンスに追加する場合は、次を使用してクラス定義内のプロパティに関数を割り当てるだけです。構文:
class SomeClass extends React.Component { handleInputChange = (val) => { console.log('selectionMade: ', val); } }
ただし、この構文では Babel の実験的な機能、特にtransform-class-properties プラグインを有効にする必要があることに注意することが重要です。
使用例
実験的機能が有効になると、handleInputChange メソッドをコールバック関数として使用できるようになり、スコープが設定されます。クラス インスタンスへ:
setTimeout(SomeClass.handleInputChange, 1000); // Output: 'selectionMade: ', val);
結論:
アロー関数をクラス メソッドとして利用すると、メソッドをオブジェクト インスタンスにバインドするための簡潔かつ効率的な方法が提供されます。 Babel で実験的な機能を有効にすることで、この強力な構文を React アプリケーションで利用できます。
以上がES6 でアロー関数をクラスメソッドとして使用できますか?またその方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。