首页
Search
1
Linux 下 Bash 脚本 bad interpreter 报错的解决方法
46 阅读
2
Arch Linux 下解决 KDE Plasma Discover 的 Unable to load applications 错误
38 阅读
3
如何在 IOS Shadowrocket 上配置服务
34 阅读
4
Arch Linux 下解决 KDE Plasma Discover 的 Unable to load applications 错误
34 阅读
5
如何在 Clash for Windows 上配置服务
30 阅读
clash
服务器
javascript
全部
游戏资讯
登录
Search
加速器之家
累计撰写
635
篇文章
累计收到
0
条评论
首页
栏目
clash
服务器
javascript
全部
游戏资讯
页面
搜索到
339
篇与
的结果
2024-08-22
React+ Ant Design图标的使用方法
1、引入图标import { UserOutlined, LaptopOutlined, NotificationOutlined } from '@ant-design/icons';2、使用图标icon={图标名称}><SubMenu key="sub2" icon={<LaptopOutlined />}> <Menu.Item key="5">option5</Menu.Item> </SubMenu>效果展示
2024年08月22日
3 阅读
0 评论
0 点赞
2024-08-22
关于Line 14:1: Import in body of module; reorder to top import/first的解决方法
一、问题:最近在react antd框架中,引入阿里云图标库出现下面的错误。Failed to compilesrc\compoments\Frame\Index.jsLine 14:1: Import in body of module; reorder to top import/firstSearch for the keywords to learn more about each error.来源代码:const { SubMenu } = Menu; const { Header, Content, Sider } = Layout; // 引入阿里图标库 import { createFromIconfontCN } from '@ant-design/icons'; const IconFont = createFromIconfontCN({ scriptUrl: '//at.alicdn.com/t/font_2742997_8grglts0v4.js', });二、解决方法将import语句写在const语句上面即可:这样就不在报上面的错误了。
2024年08月22日
3 阅读
0 评论
0 点赞
2024-08-22
React+ Ant Design如何引入阿里图标库
对于使用 iconfont.cn 的用户,通过设置 createFromIconfontCN 方法参数对象中的 scriptUrl 字段, 即可轻松地使用已有项目中的图标。import { createFromIconfontCN } from '@ant-design/icons'; const IconFont = createFromIconfontCN({ scriptUrl: '//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js', }); ReactDOM.render( <div className="icons-list"> <IconFont type="icon-tuichu" /> <IconFont type="icon-facebook" /> <IconFont type="icon-twitter" /> </div>, mountNode, );
2024年08月22日
2 阅读
0 评论
0 点赞
2024-08-22
React 报错TypeError: Cannot read property 'push' of undefined
TypeError: Cannot read property 'push' of undefinedonClickF:/study/react/react-admin/src/compoments/Frame/Index.js:4441 | {routes.map(routes=>{42 | return (43 | <Menu.Item key={routes.path}> 44 | onClick={p=>props.history.push(p.key)} >| ^ 45 | <IconFont type={routes.icon} /> 46 | {routes.title}47 | </Menu.Item>View compiled出现这个问题是因为我们没有引入withRouter我们引入即可import { withRouter } from 'react-router-dom' export default withRouter(Index)
2024年08月22日
3 阅读
0 评论
0 点赞
2024-08-22
React+antd 如何使用Table表格
效果展示:1、 引入组件import React from 'react' import { Breadcrumb, Card, Table, Button } from 'antd'; import { render } from '@testing-library/react';2、 编写页面function Article() { const columns = [ { title: '序号', key: 'id', width: 80, align: 'center', render: (txt, record, index) =>index + 1 }, { title: '标题', dataIndex: 'title' }, { title: '分类', dataIndex: 'cate' }, { title: '操作', render: (txt, record, index) =>{ return ( <div> <Button type="primary" size="small">编辑</Button> <Button type="danger" size="small">删除</Button> </div> ) } } ] return ( <div> <Button type="primary" size="middle">添加文章</Button> <Table columns={columns} bordered dataSource={dataSource}> </Table> </div> ) } export default Article3、 数据赋值const dataSource = [ { id: 1, title: 'Laravel+vue-elementUI表格分页使用例子', cate: '前端', }, { id: 2, title: 'flutter网络编程之dio封装', cate: '前端', }, { id: 3, title: 'flutter页面间跳转和销毁方法', cate: '前端', } ]表格通过columns={columns} 和dataSource={dataSource},对其赋值。
2024年08月22日
15 阅读
0 评论
0 点赞
1
...
45
46
47
...
68