タイトル : サイト更新(Gatsby):警告メッセージとメタデータ
更新日 : 2022-07-09
カテゴリ : プログラミング
タグ :
gatsby   
react   

メタデータ

以下を参考にしてページのタイトル、メタデータを設定した。

もう迷わないGatsby SEO メタタグの設定方法

コンソールの警告対応

コンソールにメッセージが出てたので、その対応。

可変数の子どもを作るような書き方をしてたら、keyつけてね

Warning: Each child in a list should have a unique "key" prop.

Reactアプリでの「Warning: Each child in a list should have a unique “key” prop.」の回避はコンポーネントの呼び出され側ではなく呼び出し側で行う

【React】Warning: Each child in a list should have a unique “key” prop.の解消方法

tableタグにtbody, theadがない

Warning: validateDOMNesting(...): <tr> cannot appear as a child of <table>. 
Add a <tbody>, <thead> or <tfoot> to your code to match the DOM tree generated by the browser.

classじゃなくてclassName

Warning: Invalid DOM property `class`. Did you mean `className`?

ReactのJSX構文内でclass属性を設定する場合