Estoy usando Material UI y CardHeader es un componente (la parte superior de una publicación). Quiero mostrar 2 botones en la publicación si la publicación ( isUser = true ) la publica el usuario. ¿Es eso posible?
<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> )} />Suponiendo que desea que esos botones aparezcan en el área de acción del encabezado de la tarjeta, solo necesita asignarlos a la propiedad de 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> ) } />;Para obtener más detalles sobre los accesorios disponibles del componente, consulte la documentación .