React/JSXで空のalt属性を指定する方法を教えてください。

Question

私はそう

function SomeImageComponent(props) { 
    return <img src={props.imgSrc} alt="" />; 
} 

しかし、これはDOMにレンダリングされ、私は私がのboolean型を参照のdevのツールでそれを点検などの反応コンポーネントでimg要素に空のalt属性を追加しようとしています

<img src="/path/to/cat.gif" alt /> 

これをVoiceOverでテストすると、valueless alt属性は無視され、イメージへのパスが読み込まれます。どうすれば属性値の空の文字列を返すことができますか？

Answer 1

altとalt=""は同じものです。 the specより：Just属性名

空の属性構文

：

属性は、4つの異なる方法で指定することができます。値は暗黙的に空文字列です。

...

それはあなたが通常のブール属性でこれを見ることは事実だが、それは、これらに限定されるものではありません。

例：

var imgs = document.querySelectorAll("img"); 
 
var alt0 = imgs[0].getAttribute("alt"); 
 
var alt1 = imgs[1].getAttribute("alt"); 
 
console.log("0 (" + typeof alt0 + "): '" + alt0 + "'"); 
 
console.log("1 (" + typeof alt1 + "): '" + alt1 + "'");

<img src="foo.png" alt> 
 
<img src="bar.png" alt="">

それは空白altが適切であるが、あなたがすべてでそれを供給している場合、あなたがしているだけで非常に少数の場所があることは注目に値しますおそらくそれらの場所を既に知っている誰か。 :-)