脳汁portal

アメリカ在住(だった)新米エンジニアがその日学んだIT知識を書き綴るブログ

Reactでinputタグのautofocusを使うには

html

HTML5ではinputタグの中にautofocusと書けば、Pageを表示した際に自動でフォーカスを合わせてくれます。
<input autofocus>-HTML5タグリファレンス

React

しかし、Reactでは下のように普通にinputタグ内にautofocusと書いても反映されません。

var Test = React.createClass(
    {
        // 処理とか
    },
    render: function() {
        return (
            <input type='text' autofocus />
        };
    }
); 

以下のように書けばReactでもオートフォーカスされます。

.
.
    <input type='text' autoFocus={focus} />
.
.