React-Bootstrap SafeAnchorにaria-labelを追加

Question

React-Allyは、React-BootstrapのNavItemの子であるSafeAnchorにaria-labelを追加する必要があることを警告し、警告をトリガーする要素です。私はコード内でNavItemだけを呼び出しましたが、この警告を取り除くためにSafeAnchorにアリアラベルを追加できる方法はありますか？ありがとう。あなたはそれがSafeAnchorに小道具だ渡すdirectlyだ見ることができるように

... 
return (
    <li 
    role="presentation" 
    className={classNames(className, { active, disabled })} 
    style={style} 
    > 
    <SafeAnchor 
     {...props} 
     disabled={disabled} 
     onClick={createChainedFunction(onClick, this.handleClick)} 
    /> 
    </li> 
); 
... 

：

Answer 1

アウトNavItem https://github.com/react-bootstrap/react-bootstrap/blob/master/src/NavItem.js#L65

の源はここに関連する部分です。これは、あなたがアリアラベルの権利を渡すことができます。

<NavItem 
    // your other props.. 
    arial-label="Nav link to ..." 
/> 

私はこれをテストしていませんが、それは動作するはずです。ちょうどテストされ、それは動作します！