可能であれば、「ステートレスファンクションコンポーネント」を使用するべきですが、主な理由はありません。メリットは何ですか?'ESC Class Components'よりも「Stateless Function Components」のメリットは何ですか?
答えて
最初に、ステートレス関数コンポーネントは、リアクションレンダリングパイプラインに最適化されたショートパスがあるため、より高速にレンダリングされます。
第2に、入力が少なく、視覚的なノイズがほとんどないため、コードははるかにクリーンです。現代のJSを使っているなら、もちろんです。これは好ましい方法である状態、状況、またはカスタム・ライフサイクル・メソッドを持っていないすべてのもののために
const MyFancyDiv = ({ children, ...otherProps }) => (
<div { ...otherProps } className='i-am-fancy-wrapper'>
{ children }
</div>
);
:私はいくつかの「カスタムタグ」を定義しています、それをチェックアウト。
実際、これはReactの機能で、他のフレームワークにとっては非常に難しいものです。可能であれば使用してください。
利点はありませんが、注目に値する可能性があります。機能コンポーネントにはインスタンスがまったくありません。クラスコンポーネントにはインスタンスがありますが、コンポーネントインスタンスを直接作成する必要はありません.Reactがこれを処理します。 –
はい、それがより速くレンダリングされる理由の1つです。インスタンスなし、ライフサイクルフックなし、レンダリングパスの単純化。 – gaperton
- 1. Es6 Reacts to components
- 2. Angular2 - extends components
- 3. JasperReport&Filling Components
- 4. Fiware suitable Components
- 5. AngularJS 2 CRUD Components
- 6. Solr 4 - Missing Field Collapsing Components
- 7. weexモジュールweed-components useエラー
- 8. ERROR in ./src/components/Main.jsx - Webpack
- 9. Select2とAngular2 Componentsを統合する例はありますか?
- 10. angular 1.5(components) - jQueryプラグインの使い方は?
- 11. Dagger2の@Componentsにスコープ修飾子を追加する目的は何ですか?
- 12. 通常のXMLよりもSoapのメリットは何ですか?
- 13. SubReal(.srt)よりもWEBVTT(.vtt)のメリットは何ですか?
- 14. Object InitializersよりもTest Data Builderパターンのメリットは何ですか?
- 15. php-symfony- * componentsのインストールと使用
- 16. WSC(Windows Script Components)モデルのセキュリティはどの程度ですか?
- 17. AngularJS Components - バックエンド変数を渡すにはどうすればよいですか?
- 18. React/prefer-stateless-function対クラスデコレータ?
- 19. 重複したwebpack(2.2.0)vue-componentsのチャンク
- 20. Java Media Componentsには何が起こったのですか? Javaのメディアコンポーネントは、何回か言及渡っ
- 21. @ Startup @ Singletonが@Statelessを超えて@Scheduleサービスのメリットはありますか?
- 22. 私のコントローラは、app_controller $ componentsと$ htmlヘルパーをネイティブで継承していますか?
- 23. サービスをコンポーネントよりも使用するメリットとデメリットは何ですか?
- 24. React-router: `components` propを祖先に渡すには?
- 25. components mscomctl.ocx、mscomct2.ocx、mswinsck.ocx:プログラムでキルビットを設定する
- 26. MySQLとPostgreSQLよりMongoDBのメリットは何ですか?
- 27. コンソールアプリケーションよりPowershellスクリプトのメリットは何ですか?
- 28. React-Bootstrapは `import {components}`構文を許可していません
- 29. カスタムHTML要素の属性が表示されない - Web-Components
- 30. 「反復的な定型文」コード内の「material-components-web」の使用
これらのフレーズの両方を検索すると、最初の結果として[この記事](https://facebook.github.io/react/docs/reusable-components.html)が表示されました。それは利益をリストアップします。しかし、これはあまりにも広いです。たぶん、あなたはいくつかの記事を読んで、そして戻って来て、あなたが知っているか知らないものを説明するべきです。 – 4castle
私はその記事を読んだ。彼らはそのメリットについてほとんど情報を提供しませんでした。私と他の人がそれに基づいてより詳細な情報を得ることが役立つと思います。 – Rotareti
興味深い。 "保留する"。それは完全に有効で正常な質問です。良い答えは短く、「あまりにも多い」ものはありません(実際には「あまりにも多くの回答」や「長すぎる」と思われますか?)。 – gaperton