图标应该有“type”属性或“component”属性或“children”？

Question

Warning: Icon should have `type` prop or `component` prop or `children`. \nHow to troubleshoot the issue\xef\xbc\x9f\n\nimport React from \'react\';\nimport { bindActionCreators,createStore } from \'redux\';\nimport { Link, browserHistory } from \'react-router\';\nimport { connect } from \'react-redux\';\nimport actions from \'../../actions/information/inforResource.js\';\nimport Dropdown from \'../../components/common/dropdown.js\';\nimport ListSearch from \'../../components/common/listSearch.js\';\nimport moment from \'moment\';\nimport {Modal, Icon, Button, Row, Col, Form, DatePicker, Select, Table, Input, Pagination, Menu, Tooltip, Drawer, message, Avatar} from \'antd\';\n\n<Icon type="delete"/>\n

\n\n

我删除了页面的图标标签，仍然报错。\n我删除了子组件中的图标标签，仍然报错。

\n\n

react.development.js?99ee:335 \nWarning: Icon should have `type` prop or \n`component` prop or `children`.\nprintWarning       warning.js?bcd6:34\nwarning            warning.js?bcd6:57\n_default           warning.js?fe52:16\nIcon               index.js?be01:80\nrenderWithHooks    react-dom.development.js?cada:12938\nmountIndeterminateComponent  react-dom.development.js?cada:15020\nbeginWork          react-dom.development.js?cada:15625\n

\n

Answer 1

解决办法是直接导入icon。

进口 -

import DeleteOutlined from '@ant-design/icons/DeleteOutlined';

称呼 -

<DeleteOutlined />

'antd' 版本package.json-

"dependencies": {
    @ant-design/icons": "^4.7.0",
    "antd": "^4.19.5",
}