在使用AntD Icon在Tab组件中时,确实需要具有type属性或component属性。如果没有提供这些属性,就会出现错误。
以下是一个给出解决方法的代码示例:
import { Tabs } from 'antd';
import { MailOutlined, AppstoreOutlined, SettingOutlined } from '@ant-design/icons';
const { TabPane } = Tabs;
function App() {
return (
邮件
}
key="1"
>
内容1
应用
}
key="2"
>
内容2
设置
}
key="3"
>
内容3
);
}
export default App;
在上述代码中,我们引入了MailOutlined
、AppstoreOutlined
和SettingOutlined
图标,并将它们分别放在Tab的标签(tab)中。这样就确保了AntD Icon在Tab组件中具有了必需的属性,避免了出现错误。
上一篇:antd 徽标数字尺寸调整不正确
下一篇:Antd 仅提交已更改的表单项