一般的にjavaScriptではcssをタグで定義するときはclassというオブジェクトを用いますが、reactでは”class“という属性は
他の予約語で使われている為、これをそのまま使うと他の属性を使ってくれませんかと警告をもらいます。
こんな感じです。↓
解決方法はシンプルで、classをclassNameという名前に変えてあげれば万事解決。
誤
[]javascript]class="App-circle"[/javascript]
正
className="App-circle"
エラーではないので重要性は少ないかもしれませんが、メンテナンスの時に煩わしいという方はJSXの仕様が
変わらないうちに直しておくことをお勧めします。