はじめに Material-UIが便利でつかってきたのですが、Formのvalidationについてhtml5のinputのvalidationを適用するにはどうすればよいのだろうと思って調べてみました。 バージョン等 React 17.0.3 material-ui/core 4.11.3 方針 結論から行くと、Material-UIのAPIに必要なものが全部出ていました。 inputPropsとinputRefの二つがinputに直接触れる機能なのでこれを使えばよいようです。 inputのRefをどうにかして手に入れようとuseRefをこねくりまわしたのですが・・・公式をさっさと読めばよかったです。。。 コード こんな感じのコードを書いてみました。 export default function TextFieldsValidation() { const classes = useS