Q&A
お世話になります。
ReactでSPAを作ろうとしているのですが、DOMの表示順序を制御したく思っています。
例えば、
ボタンをclick
->コンポーネントAがフェードアウト
->コンポーネントBがフェードイン
->......
のような形で表示したいと思っています。
非同期処理についてはReact.LazyやSuspenseを利用するのがよさそうだと考えましたが、現在はSSRに対応していないということでloadable-componentsを併用することが推奨されていました。
https://reactjs.org/docs/code-splitting.html
React.lazy and Suspense is not yet available for server-side rendering. If you want to do code-splitting in a server rendered app, we recommend Loadable Components. It has a nice guide for bundle splitting with server-side rendering.
ただ、loadable-componentsを使っている記事が多くないことと、DOM表示制御という基本的な処理をするのにReact単体で実現できないというのはないと思うので、そもそもLazyやSuspenseを使うべきではないのかとも感じています。
そこでお聞きしたいのですが、ReactでDOM表示制御をする場合はどのようにするのが一般的かお教え頂けますと幸いです。
よろしくお願いします。
回答1件
0
ベストアンサー
やりたいことってこうゆうことでしょうか？
https://qiita.com/fumihiko-hidaka/items/c3aaedd073f7bf5a685f
このReact17でできるようですが、これを16で且つSSRでやりたいという意図でしょうか？
ちなみに気になったのですが
ボタンをclick
->コンポーネントAがフェードアウト
->コンポーネントBがフェードイン
上記のそれぞれの間には通信が入るのでしょうか？
ボタンクリック → ローディング → 完了
みたいなコンポーネント切り替えをフェードイン・アウトを使って実現したいということでしょうか？
投稿2019/05/08 02:11
総合スコア548
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/05/08 09:58
2019/05/08 11:25
2019/05/08 14:32