我使用 Material UI 和 CardHeader 是一個組件（帖子的頂部）。如果用戶發布了帖子（isUser = true），我想在帖子上呈現 2 按鈕。那可能嗎？
<CardHeader
avatar={
<Avatar sx={{ bgcolor: "red" }} aria-label="recipe">
U
</Avatar>
}
title={username}
{isUser && (
<Box display="flex">
<IconButton onClick={handleEdit} sx={{ marginLeft: "auto" }}>
<EditIcon />
</IconButton>
<IconButton onClick={handleDelete}>
<DeleteForeverIcon />
</IconButton>
</Box>
)}
/>
uj5u.com熱心網友回復：
假設您希望這些按鈕出現在卡片標題的操作區域中，您只需將它們分配給action道具...
<CardHeader
avatar={
<Avatar sx={{ bgcolor: "red" }} aria-label="recipe">
U
</Avatar>
}
title={username}
action={
isUser && (
<Box display="flex">
<IconButton onClick={handleEdit} sx={{ marginLeft: "auto" }}>
<EditIcon />
</IconButton>
<IconButton onClick={handleDelete}>
<DeleteForeverIcon />
</IconButton>
</Box>
)
}
/>;
有關組件可用道具的更多詳細資訊，請參閱檔案。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/488515.html
標籤：javascript 反应 材料-ui
上一篇：如何獲取復選框的值？