Question

我正在尝试在芯片的末尾添加删除图标。
在用户界面演示中正常工作。
但在我的代码中不起作用。
我已调试，但仍然找不到问题。由于此行而显示图标deleteIcon = {}
我尝试将按钮标签更改为芯片标签
在下面提供我的代码段

不起作用 https://stackblitz.com/edit/react-cng5am?file=demo.js

工作演示 https://codesandbox.io/s/qvyvxq7zy6

import DoneIcon from '@material-ui/icons/Done';


        <Chip
          style={{ display: this.state.display ? "" : "none" }}
          label={this.state.chipName}
          onDelete={this.handleDelete}
          color="primary"
          deleteIcon={<DoneIcon />}

        />
        <chip
          style={{ display: this.state.display ? "none" : "" }}
          // aria-owns={anchorEl ? 'simple-menu' : undefined}
          // aria-haspopup="true"
          onClick={this.handleClickOpen}
          color="primary"
          deleteIcon={<DoneIcon />}
        >
          Open Menu
        </chip>

Answer 1

尝试添加道具onDelete={() => {}}。检查以下示例：

<Chip
      style={{ display: this.state.display ? "" : "none" }}
      label={this.state.chipName}
      onDelete={this.handleDelete}
      color="primary"
      deleteIcon={<DoneIcon />}
      onDelete={() => {}}
/>

图标未在实施中显示，但在演示中显示

1 个答案: