recompose で ref を扱う

recompose を使うと見た目の component とロジックを切り離して書けるのでスッキリする、というような記事を先日書いた(Storybook Driven Development を試している)のだが、React の ref の使い方で大いにハマったので書いておく。 アプリケーションを作っていると、往々にして componentDidUpdate などで ref を参照したいということが発生する。普通に class で書いていると class extends React.Component { componentDidUpdate() { this.textarea // => <textarea /> } render() { return ( <textarea ref={textarea => (this.textarea = textarea)} /> } } }

[ottonove]

react.js