決して使用されないコンストラクターでReact小道具を宣言する適切な方法

アンドリュー

通常、で使用しない場合propsは、construtor空白のままにしておくことができます

constructor() {
    super()
}

ただし、TypeScriptでは定義する必要があります。私がそれを使用しない場合、私は次のようなことをしています:

constructor(_: never) {
    super(_)
}

決して使用しない引数を宣言する正しいおよび/またはより正式な方法はありますか?

それはフラスコになります

関数パラメーター、コンパイルエラーを回避するために使用さていない場合、TypeScriptで強調表示できます。_名前には情報が含まれておらず、他のプロパティ名があると衝突するため、誤解を招く恐れがあります。プロパティはsuper引数として使用されるため、下線は必要ありません。

neverこれは決して使用されないプロパティではなく何か他のものを意味するため、ここでは正しいタイプではありません親コンストラクターのパラメーター型と競合している可能性があります。

  constructor(...args) {
    super(...args);
    // ...
  }

JavaScriptでこれを行うには適切な方法ですが、TypeScriptsuperでは、必須の場合は引数を明示的に指定する必要があります。このような明示的なコンストラクターは、noconstructorが指定されている場合にデフォルトで実行されるため、省略できます。

Reactコンポーネントで明示的なコンストラクターが必要になることはめったにありません。super有効な唯一のプロパティはpropsです。ほとんどの初期化コードはコンポーネントライフサイクルフックに送られますが(非推奨componentWillMountは唯一の例外です)、インスタンスプロパティはTypeScriptでクラスフィールドとして宣言できます。

class SomeComponent extends React.Component {
  state = {
    foo: synchronousInitialization();
  };

  // isn't needed
  /*
  constructor(props) {
    super(props);
  }
  */

  async componentDidMount() {
    const bar = await asynchronousInitialization();
    this.setState({ ...this.state, bar });
  }
  ...
}

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Enzymeを使用してさまざまな小道具でReactコンポーネントをテストする方法

分類Dev

コンポーネントがreact-testing-libraryを使用して適切な小道具でレンダリングされているかどうかをテストします

分類Dev

オブジェクトの破壊を使用して小道具を宣言する関数宣言にTSX小道具タイプをインラインで適用する

分類Dev

コンストラクターで小道具を変更することは「許可されていますか」?

分類Dev

画像ソースで小道具を使用して、React Nativeで使用可能なコンポーネントを作成するにはどうすればよいですか?

分類Dev

コンストラクター関数と小道具を使用してコンポーネントをフックと小道具を使用して機能コンポーネントに変換するにはどうすればよいですか?

分類Dev

React + Reduxでネストされたコンポーネントの小道具の小さな更新を最適化する方法?

分類Dev

小道具のないReactコンポーネントクラスを入力する正しい方法は何ですか?

分類Dev

REACTでコンストラクターを使用するのが適切なのはいつですか?

分類Dev

Reactで渡す小道具を変更してもコンポーネントが更新されない

分類Dev

カスタムルートコンポーネントで小道具の拡散を解決する方法は禁止されていますか?

分類Dev

クラスコンポーネントを機能的な小道具として反応させる方法は?

分類Dev

React-小道具として渡されるクリックハンドラーでコンポーネント小道具を渡す

分類Dev

Typescript:ジェネリックReactコンポーネントの宣言されていない小道具の定義

分類Dev

Reactで小道具として渡されたコンポーネントに小道具を渡す方法は?

分類Dev

シャーディングされたクラスターに対してmongosクライアントを実行する適切な方法は何ですか?

分類Dev

Pythonでネストされた関数/コンストラクター呼び出しを中断する適切な方法は何ですか?

分類Dev

vue jsで小道具としてコンポーネントを渡す方法とそれを適切に使用する方法は?

分類Dev

iText 7を使用して、Flateでエンコードされた画像をエクスポートする適切な方法は何ですか?

分類Dev

Typescriptを使用してNextJSの機能コンポーネントに渡されない場合に小道具のデフォルト値を設定する方法

分類Dev

shapeless.Genericを使用する場合、エラーを回避する方法 'パラメーターが名前で宣言されていない限り、スーパーコンストラクターに自己参照を渡すことはできません'?

分類Dev

C#(Web API)で(ベアラートークンを使用して)認証されたメソッドをテストする適切な方法

分類Dev

React-コンストラクターを使用せずに小道具にアクセスする方法

分類Dev

コンストラクターで小道具にアクセスする正しい方法は何ですか?

分類Dev

再レンダリングされていない子コンポーネントを修正する方法(状態ではなく小道具として渡されるデータの変更のため)?

分類Dev

方法:適切なデフォルトコンストラクタなしでクラスのインスタンスをコピーする。デフォルトのコンストラクターのないメンバーがありますか?

分類Dev

withStyles apiが使用されている場合、小道具を介してReactコンポーネントのスタイルをカスタマイズできるようにするにはどうすればよいですか?

分類Dev

Reactの設計哲学:小道具が変更されていないのに、なぜ子コンポーネントを更新するのですか?

分類Dev

ネストされたReactコンポーネントで小道具として渡された関数を呼び出すとどうなりますか?

Related 関連記事

  1. 1

    Enzymeを使用してさまざまな小道具でReactコンポーネントをテストする方法

  2. 2

    コンポーネントがreact-testing-libraryを使用して適切な小道具でレンダリングされているかどうかをテストします

  3. 3

    オブジェクトの破壊を使用して小道具を宣言する関数宣言にTSX小道具タイプをインラインで適用する

  4. 4

    コンストラクターで小道具を変更することは「許可されていますか」?

  5. 5

    画像ソースで小道具を使用して、React Nativeで使用可能なコンポーネントを作成するにはどうすればよいですか?

  6. 6

    コンストラクター関数と小道具を使用してコンポーネントをフックと小道具を使用して機能コンポーネントに変換するにはどうすればよいですか?

  7. 7

    React + Reduxでネストされたコンポーネントの小道具の小さな更新を最適化する方法?

  8. 8

    小道具のないReactコンポーネントクラスを入力する正しい方法は何ですか?

  9. 9

    REACTでコンストラクターを使用するのが適切なのはいつですか?

  10. 10

    Reactで渡す小道具を変更してもコンポーネントが更新されない

  11. 11

    カスタムルートコンポーネントで小道具の拡散を解決する方法は禁止されていますか?

  12. 12

    クラスコンポーネントを機能的な小道具として反応させる方法は?

  13. 13

    React-小道具として渡されるクリックハンドラーでコンポーネント小道具を渡す

  14. 14

    Typescript:ジェネリックReactコンポーネントの宣言されていない小道具の定義

  15. 15

    Reactで小道具として渡されたコンポーネントに小道具を渡す方法は?

  16. 16

    シャーディングされたクラスターに対してmongosクライアントを実行する適切な方法は何ですか?

  17. 17

    Pythonでネストされた関数/コンストラクター呼び出しを中断する適切な方法は何ですか?

  18. 18

    vue jsで小道具としてコンポーネントを渡す方法とそれを適切に使用する方法は?

  19. 19

    iText 7を使用して、Flateでエンコードされた画像をエクスポートする適切な方法は何ですか?

  20. 20

    Typescriptを使用してNextJSの機能コンポーネントに渡されない場合に小道具のデフォルト値を設定する方法

  21. 21

    shapeless.Genericを使用する場合、エラーを回避する方法 'パラメーターが名前で宣言されていない限り、スーパーコンストラクターに自己参照を渡すことはできません'?

  22. 22

    C#(Web API)で(ベアラートークンを使用して)認証されたメソッドをテストする適切な方法

  23. 23

    React-コンストラクターを使用せずに小道具にアクセスする方法

  24. 24

    コンストラクターで小道具にアクセスする正しい方法は何ですか?

  25. 25

    再レンダリングされていない子コンポーネントを修正する方法(状態ではなく小道具として渡されるデータの変更のため)?

  26. 26

    方法:適切なデフォルトコンストラクタなしでクラスのインスタンスをコピーする。デフォルトのコンストラクターのないメンバーがありますか?

  27. 27

    withStyles apiが使用されている場合、小道具を介してReactコンポーネントのスタイルをカスタマイズできるようにするにはどうすればよいですか?

  28. 28

    Reactの設計哲学:小道具が変更されていないのに、なぜ子コンポーネントを更新するのですか?

  29. 29

    ネストされたReactコンポーネントで小道具として渡された関数を呼び出すとどうなりますか?

ホットタグ

アーカイブ