需要が薄いMaterial-UIのvalidationの一例
2021/01/04 12:54
<p>空文字を許容しない、というバリデーションを一部分だけ書きたい、しかしそのために本格的なバリデーションの機構を組むのはめんどくさくて死にそう、という時にその場しのぎで書いたもの。</p> <pre class="code lang-javascript" data-lang="javascript" data-unlink> <TextField label=<span class="synConstant">"名前"</span> variant=<span class="synConstant">"outlined"</span> margin=<span class="synConstant">"normal"</span> required <span class="synComment">// input.valueに入力された文字が入っているものとして、空文字の場合は input.value はfalseを返す</span> <span class="synComment">// 上記の場合に{ error: true }を返すことで <TextField error /> と書いた時と同じようになる</span> <span class="synComment">// { error: false } の場合はerrorは指定されていない状態になる</span> <span class="synIdentifier">{</span>...(!input.value ? <span class="synIdentifier">{</span> error: <span class="synConstant">true</span> <span class="synIdentifier">}</span> : <span class="synIdentifier">{</span> error: <span class="synConstant">false</span> <span class="synIdentifier">}</span>)<span class="synIdentifier">}</span> /> </pre>