React？の状態に基づいてフォームフィールドの属性を含めるには？

Question

Reactでアクセス可能なフォームを作成しようとしていて、フィールドの状態に基づいて（つまり、それに関連付けられたエラーがある場合）属性aria-describedbyを切り替える必要があります。

私は属性の値を切り替える方法を知っていますが、WCAGに関しては、このタイプの現在の空の属性は失敗します。属性全体が完全に存在するか完全に欠如している必要があります。インラインで試してみると、エラーが発生し、レンダリングが中断されます。

<label> 
    <input type="text" name="someName" ref="someRef" {!this.state.isValid ? aria-describedby="helperText" : ''} required /> 
    <p id="helperText">Helper text for this form field.</p> 
</label> 

再びaria-describedbyのための空の属性値が無効である、にもかかわらず：

は例を与えるために、これは私がしようとしてきたものです。

これを達成する方法はありますか？

Answer 1

ちょうどこのようにそれを広める：

<input type="text" 
    name="someName" 
    ref="someRef" 
    {... !this.state.isValid && {'aria-describedby': 'helperText'} } 
    required /> 

これは基本的にspread operatorの使用です。