reactjsでgetDOMNode()の取り扱い

2019/2/23 2019/2/23 javascript

react.jsでgetDOMNode()を使っている場合、reactのバージョンアップ時に注意が必要です。

例えば、textareaの情報を取得する場合、react v14までは以下のように記述しました。

・react v14まで

var kamo = this.refs.textArea.getDOMNode().value;

1	var kamo = this.refs.textArea.getDOMNode().value;

react v15以降は「getDOMNode()」を使用せず、valueを指定します。

・react v15以降

var kamo = this.refs.textArea.value;

1	var kamo = this.refs.textArea.value;

公式サイトにも「getDOMNodeが除去された」との記載があります。

Deprecated component instance methods are removed: setProps, replaceProps, and getDOMNode.

引用元：React v15.0

移行する際には注意しましょう！