React
关于React的小知识
동경
这个作者很懒,什么都没留下…
展开
-
react setState 中使用函数替代对象
react setState 中使用函数替代对象原创 2023-05-12 15:26:58 · 541 阅读 · 0 评论 -
React Context defaultValue 有什么用
React context defaultValue 有什么用原创 2022-08-08 18:06:35 · 205 阅读 · 0 评论 -
Antdesign Procomponents rowkey 一直说 the same key
打开 F12 console窗 提示有很多the same key 会很烦解决方案:在返回过来的数据源里增加一个索引 index1. res.data.list.map(((item, index) => ({...item, key: index})));2. <PageContainer> <ProTable<TableListItem> rowKey={(record) => record.key}原创 2021-07-29 01:51:54 · 244 阅读 · 0 评论 -
Antdesign Procomponents dateRange 和 date
请求接口,然后后台给我们数据但是如上图我们可以看到,创建时间是dateRange(范围)下面表格数据是 date(单个)所以我们不处理的话下面表格数据中的创建时间是不会显示的,会成类似这样的-, -因为这是dateRange所以我们可以通过 直接render来改变数据 { title: `时间`, key: 'saleDate', dataIndex: 'saleDate', valueType: 'dateRange', ..原创 2021-07-29 01:43:48 · 1196 阅读 · 9 评论 -
AntDesign Procomponents 高级表格如何重置筛选?
首先我先说明一下,为什么要 重置筛选下面的表格我是用 datasource来渲染数据的 上面的搜索是用onSubmit来实现的问题来了!第一次我进页面请求接口,下面的表格和中间部分的金额也是会有数据的随后我筛选,根据这个筛选条件渲染数据也是没问题的然后我们这个筛选条件就放着,不重置, 再根据上面的(比如更新时间,进度)来查询这时候出问题了!下面的表格是同步更新的,但是这个金额 还是不变!因为直接显示接口返回过来的数据并不是我自己筛选之后的金额数据所以我得查询之后重置筛选展现部分代码:..原创 2021-07-29 01:27:30 · 1779 阅读 · 1 评论 -
react 传值
子组件传给父组件父组件通过props向子组件传入一个方法,子组件在通过调用该方法,将数据以参数的形式传给父组件,父组件可以在该方法中对传入的数据进行处理;//父组件import Child from './Child.js';export default class Parent extend compenent{ getData=(data)=>{ console.log(data); } render(){ return ( <div>原创 2021-06-16 22:42:30 · 100 阅读 · 2 评论 -
react 中使用 switch...case语句
用法: {(() => { switch (item.inputType) { case 'caseOne': return <CaseOne /> case 'caseTwo': return <CaseTwo /> default: return <Default> />原创 2021-04-19 22:39:31 · 363 阅读 · 0 评论 -
fetch res => res.json()是什么
相关问题:stackOverflow链接.json() will just return the body as promise with json content.然后好好阅读:fetch文档 链接我之前一直困惑axios和fetch 是不是都得用res => res.json()?现在有点明白了axios根本不需要用res.json相关问题:StackOverflow链接链接中请仔细看here的链接(下图中我标注了)...原创 2020-08-14 01:54:40 · 1518 阅读 · 0 评论 -
React event.preventDefault使用方法
event.preventDefault定义和用法:取消事件的默认动作简单看一下下面代码:class NameForm extends React.Component { constructor(props) { super(props); this.state = {value: ''}; this.handleChange = this.handleChange.bind(this); this.handleSubmit = this.handleSubmi原创 2020-08-10 16:49:02 · 3208 阅读 · 0 评论 -
npm ERR code ENOSELF npm ERR Refusing to install package with name package under a package
NPM安装出现ERRORnpm ERR! code ENOSELFnpm ERR! Refusing to install package with name "package" under a packagenpm ERR! also called "package". Did you name your project the samenpm ERR! as the dependency you're installing?npm ERR!npm ERR! For more informat原创 2020-06-02 04:44:39 · 2447 阅读 · 0 评论 -
解决Charles map local 转换不了的问题!
Charles map local当我们如上面操作来执行Charles的时候并不能获取我们桌面中的 list.json文件中的数据解决方法:1.我们要对比一下localhost域名中的IP和我电脑中的IP地址是否一致2.localhost:点击,可查询->自己的localhost地址3.再看看我们电脑中的IP地址4.问题就出现在这里,因为两者指向的IP地址完全不一样!所以获取不到正确的list.json文件5.最后把 map local中的 Host数据改成自己电脑的IP地址原创 2020-05-31 21:12:43 · 1842 阅读 · 0 评论