イントラネットページの構築-01


前回の宣伝で述べたように、社内ネットワークページのプロジェクトを作成するための企業連携が行われています.ページを作成する過程で、もちろん大小の問題にも遭遇し、これらの問題を解決する過程で、大量の学習を行っている.
まず,最大の悟りは,問題が発生した場合に開発者ツールが最良であることを確認することである.復習のために、開発者ツールで解決した2つの問題を記録したいと思います.

1.styled componentで意味タグの使用に注意


チームメンバーが作成したnavとsidebarが引き出されると、すべてのページのパレット色がfffffになります.でも普通です.scssまたはreset.scssのような場所では、色属性が指定されているわけではありませんが、なぜそうなるのか分かりません.これがどういうことなのか、答えは開発者ツールにある.開発者ツールを開いてカレンダーを見ました.scssの影響を受けた.私が作ったページはカレンダーです.輸入scssでもないので、こちらは確認しようとは思っていませんでした.推測を表す
navとside barの造形にstyle componentを使用し、
<div>
ラベルに色属性を付与すると、すべてのdivがその属性の影響を受けているようです.
天命素子に装飾する場合、classNameではなくイメージ化されたラベルで属性を付与すると、このようなことがよく起こります.

2.fetchは相対パスを考慮しない。



このスクリーンショットを見ても問題に気づきましたか?
Mockdataを作成し、fetch関数でデータをロードしようとしたが、ロードできなかった.経路も何度か確認しましたが、底のmapで何か間違いがあることを確認して、私の目には間違いありませんでした.
まずコンソールですlogを撮ってuser datが入ってくるか確認しました...なんてことだ.空の並びで登場する.最初から間違えて取りました.
しかし、どこが間違っているのか全然分からない.唯一怪しいのはパスだけで、同じパスで呼び出された他のファイルはよくロードされています.何か問題がありますか.
答えは簡単すぎたのか.
fetch関数は相対パスを考慮しません.
親フォルダに.../を使用して[現在位置](Current Position)を基準に終了します.しかしfetchは私が今どこにいるか気にしない.わかりません.絶対パスを基準にどんなデータをロードしたいのか教えてください.
../../親フォルダにアップロードする方法でurlに書き込まれたため、ファイルは最初から読み込まれませんでした.
共通フォルダの下にmock dataファイルを作成して移動すると、私の希望通りにmapに安全にデータを送信できます.
ついでに相対経路と絶対経路を整理します.
1'/'->最適ディレクトリに移動します.(Web root)
2 './' -> ファイルは現在のディレクトリを表します.
3 '../' -> 親ディレクトリに移動します.
手順2の親ディレクトリにジャンプする場合は、「.../.../」を選択します.これでいいです.