フッターの一部が別のコンポーネントにジャンプしますが、それはページが React にロードされたときのみです。

Question

コードのこの部分を少し前に書きましたが、他のページで作業した後に戻ってきて、この奇妙な動作に気づきました。

コンポーネントフッターとメインコンポーネントが幅を埋めるようにCSSを変更しようとしましたが、うまくいきませんでした。また、それらをdivでラップしようとしましたが、問題は解決しません

問題を示すスクリーンショットを確認してください:

質問への回答

ここでコードを見ることができますが、問題は再現されません https://codesandbox.io/s/elegant-bhabha-ns7374?file=/src/main.css

ホーム.tsx

リーリー

フッター.tsx

リーリー

フッター.css

リーリー

メイン.css

ああああ

Answer 1

これは、SVG が完全にレンダリングできないことに問題があるようです。これを変更したところ、現在は正常に動作しています。ただし、以前の SVG を使用して修正する方法はまだわかりません。この問題が発生した場合は、SVG を変更するのが良いでしょう。