読者です 読者をやめる 読者になる 読者になる

tyoshikawa1106のブログ

- Force.com Developer Blog -

React:Unknown DOM property cellpaddingエラー

React

Reactの開発を試している時に次のエラーに遭遇しました。
f:id:tyoshikawa1106:20160726073914p:plain

Warning: Unknown DOM property cellpadding. Did you mean cellPadding?
Warning: Unknown DOM property cellspacing. Did you mean cellSpacing?


そのときの処理はこんな感じです。
f:id:tyoshikawa1106:20160726074750p:plain


テーブルタグで宣言しているcellpaddingとcellspacing属性を除外したらエラーが発生しなくなりました。


以前、別の場所で似たコードを書いた時は動いたので、ちょっと悩んだのですがReactでサポートしているattributes一覧と比較してみて原因がわかりました。『cellpadding』と書いていたのですが正しくは『cellPadding』というように大文字にする必要があるみたいです。
f:id:tyoshikawa1106:20160726075218p:plain

Tags and Attributes | React


それと今回、『border="0"』と宣言していた箇所もエラーになりました。HTML Attributesの一覧に含まれていなかったのでこちらはCSSで対応する必要があるのかなと思います。