☰

React Router の Link コンポーネントの下線を消すにはどうすればいいですか? 質問する

tag-icon • tag-icon javascript reactjs react-router
React Router の Link コンポーネントの下線を消すにはどうすればいいですか? 質問する

以下のものがあります:

ここに画像の説明を入力してください

青い下線を消すにはどうしたらいいでしょうか? コードは以下の通りです:

<Link to="first"><MenuItem style={{paddingLeft: 13, textDecoration: 'none'}}> Team 1 </MenuItem></Link>

MenuItemコンポーネントはhttp://www.material-ui.com/#/components/menu

ベストアンサー1

インライン スタイルを使用しているのがわかります。textDecoration: 'none'は子要素で使用されていますが、実際には<Link>次のように内部で使用する必要があります。

<Link to="first" style={{ textDecoration: 'none' }}>
  <MenuItem style={{ paddingLeft: 13 }}>Team 1</MenuItem>
</Link>

<Link>基本的に標準<a>タグを返すので、そこにルールを適用しますtextDecoration。

おすすめ記事