マテリアル UI カードにメニュー項目を追加する方法

Question

次の例があります。

https://codesandbox.io/s/material-ui-card-styling-example-lcup6?fontsize=14

編集、削除などのメニューを 3 点メニュー リンクに追加したかったのですが、成功しませんでした。 IconButton セクションと MoreVertIcon セクションにメニュー項目などを追加しようとしましたが、何も変わりませんでした。

それで、どうすればいいでしょうか？

Answer 1

あなたが提供した例では、メニュー リンクには onClick アクションがありません。メニューボタンをクリックしたときに Menu 要素を表示する必要があるようです。 MUI ドキュメントの Menu コンポーネント を参照してください。

例として、あなたの例をフォークしてメニューを追加しました。