yucatio https://blog.hatena.ne.jp/yucatio/ yucatio@システムエンジニア https://yucatio.hatenablog.com/ Material-UI TextFieldでrefを使う Material-UI導入時、inputをTextFieldに置き換える時に、多くの属性は<input>を<TextField>に置き換えた際そのままでよいのですが、refはそのままにすると動きません。refをinputRefに変更する必要があります。 変更前 const AddTodo = ({dispatch}) => { let input; // 略 return ( <input ref={node => { input = node }} /> ) } 変更後 import TextField from '@material-ui/core/Tex… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fyucatio.hatenablog.com%2Fentry%2F2018%2F11%2F16%2F102249" title="Material-UIのTextFieldでrefを使う - yucatio@システムエンジニア" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://hbb.afl.rakuten.co.jp/hgb/09e70744.31e3aef1.09e70745.88f86ff4/?me_id=1213310&item_id=17706684&m=https%3A%2F%2Fthumbnail.image.rakuten.co.jp%2F%400_mall%2Fbook%2Fcabinet%2F7878%2F9784774177878.jpg%3F_ex%3D80x80&pc=https%3A%2F%2Fthumbnail.image.rakuten.co.jp%2F%400_mall%2Fbook%2Fcabinet%2F7878%2F9784774177878.jpg%3F_ex%3D240x240&s=240x240&t=picttext Hatena Blog https://hatena.blog 2018-11-16 10:22:49 rich https://yucatio.hatenablog.com/entry/2018/11/16/102249 1.0 100%