☰

material-ui 1.0のリストにリンクを追加するにはどうすればいいですか? 質問する

tag-icon • tag-icon reactjs material-ui
material-ui 1.0のリストにリンクを追加するにはどうすればいいですか? 質問する

次の例では、onClick アニメーションが乱れます (ListItem が赤くなります)。

<List>
  <a href="https://www.google.com">
    <ListItem button>
       <ListItemText primary="Google" />
     </ListItem>
   </a>
 </List>

ListItem 内にリンクを追加すると、ListItemText がクリックされた場合にのみ遷移が機能してしまいますが、これは望んでいる動作ではありません。リンクを追加する正しい方法は何ですか?

ベストアンサー1

「react-router-dom」で使用する

import { Link } from "react-router-dom";
<ListItem button component={Link} to="/design">

この例は、次のセクションに基づいています。ドキュメント

おすすめ記事