問題タブ [gatsby]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - React: Child Component div も兄弟に適用されます。なんで？
これは、私のコンポーネントの 1 つの render メソッドです。
これは、全画面表示のドロップダウン メニューといくつかの子を持つ単なる div です。の場合showDropdown===true、ドロップダウン メニューが表示されます。このコンポーネントが使用されているページの 1 つで、直下の子のフォーマットに問題があるため、padding: 50px. これで問題は解決しました。しかし今、ドロップダウン コンポーネントも 50px のパディングを取得し、ドロップダウン メニュー項目を下に移動し、ドロップダウンの書式設定を台無しにしますが、理由がわかりません。これは正常な動作ですか？
親の CSS:
子供のコード
子の CSS:
ドロップダウンのコード:
ドロップダウンの CSS:
reactjs - Google フォントを gatsby サイトに追加するにはどうすればよいですか
Gatsby を使い始める - Google フォントを使用して public/index.html にリンク タグを追加すると、開発モードで動作します。サイトを構築すると、index.html がリセットされます。それで、フォントを追加する別の適切な方法があると思いますか？