[解決済み] React / React Nativeでコンストラクタを使用する場合とgetInitialStateを使用する場合の違いとは何ですか?
2022-03-14 15:41:18
質問
両方が同じように使われているのを見たことがあります。
両者の主な使用例について教えてください。 メリット/デメリットはありますか? また、どちらか一方が優れているのでしょうか?
どのように解決するのか?
この2つのアプローチは互換性がありません。ES6 クラスを使用する場合はコンストラクタで状態を初期化し、ES6 クラスを使用する場合はコンストラクタで状態を初期化するよう定義する必要があります。
getInitialState
メソッドを使用する場合
React.createClass
.
ES6クラスについてはReactの公式ドキュメントを参照してください。 .
class MyComponent extends React.Component {
constructor(props) {
super(props);
this.state = { /* initial state */ };
}
}
は、以下と同等です。
var MyComponent = React.createClass({
getInitialState() {
return { /* initial state */ };
},
});
関連
-
[解決済み] React - 予想外のトークン、予想外の;
-
[解決済み] explicit キーワードの意味は?
-
[解決済み] C#のオートプロパティに初期値を与える最良の方法は何ですか?
-
[解決済み] Reactルータを使ったプログラムによるナビゲーション
-
[解決済み] C#でベースコンストラクタを呼び出す
-
[解決済み] Reactのこの3つの点は何をするところなのでしょうか?
-
[解決済み] React NativeとReactの違いは何ですか?
-
[解決済み] ベースクラスのコンストラクタを呼び出す際のルールは?
-
[解決済み] Reactのstateとpropsの違いとは?
-
[解決済み] コンストラクタのコロンメンバー(" : ")の変な構文は何ですか?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Typescript react - モジュール ''react-materialize'' の宣言ファイルが見つかりませんでした。'path/to/module-name.js' は暗黙のうちに any 型を持ちます。
-
[解決済み] React テキストを挟んだ横長の仕切りを作る
-
[解決済み] React.createElement: type is invalid -- expected a string.
-
[解決済み] バベルエラーです。JSX値は、式または引用されたJSXテキストのいずれかである必要があります。
-
[解決済み] react - createMuiThemeとcreateThemeの違い。
-
[解決済み] ReactJsのCreateClassは関数ではない
-
[解決済み] TypeError: reactjs の未定義のプロパティ 'status' を読み取ることができません。
-
[解決済み] sh: react-scripts: npm start の実行後にコマンドが見つからない。
-
React はエラー TypeError を報告します。未定義のプロパティ 'XX' を読み取ることができない、問題は解決されました。
-
[解決済み] React QueryとReduxの主な違いは何ですか?