Reactでエラー「Error: The `style` prop expects a mapping from style properties to values, not a string」

RactでJSXにStyleを記載する場合、HTML時代で書いていた以下のような書き方はNG。

<div id="hogehoge" style="width:600px;height:940px;">

実行すると以下のエラーとなる

Error: The `style` prop expects a mapping from style properties to values, not a string

次のようにJavaScriptで記載する。

<div id="hogehoge" style={{ width: "600px", height: "940px" }}>

このため、デザイナーとHTML作成を分業する場合はインラインのstyle利用は禁止したほうが良いだろう。