react
草莓丸子不加冰
一个努力的女孩
展开
-
[antd: Form.Item] `defaultValue` will not work on controlled Field. You should use `initialValues`
使用antd: Form.Item组件的defaultValue属性之后,页面虽然显示了数据但是报错;错误代码:报错截图:翻译之后也不是很明白,最后百度后找了方法解决这个错误下面是我的 解决的方法;去掉defaultValue将初始值用initialValues={{name:key}}的形式写在from标签里面利用上述方法,就解决了这个麻烦的问题~(有错误的地方欢迎指出)...原创 2020-12-03 11:11:54 · 18053 阅读 · 2 评论 -
react 使用ant.design使用modal里面嵌套form遇到的坑,modal修改按钮和去掉按钮的方法
背景:为了获取from表单里面的数据,试了无数遍之后总结了以下方法:modal修改按钮和去掉按钮的方法(另外一个博主写的,挺详细)react使用Ant Design 的table组件添加button按钮后,按钮怎么获取当前行数据我的弹框里面有Input,Select,InputNumber,DatePicker,所以使用数据双向绑定(以下有代码)疯狂报错,最后在看了官方文档自己琢磨之后选择了下面的方法获取数据;原理:利用form的onFinish属性直接绑定函数获取当前表单的值,然后将modal的原创 2020-12-02 16:11:44 · 3935 阅读 · 1 评论 -
react使用Ant Design 的table组件添加button按钮后,按钮怎么获取当前行数据
解决办法:按钮的点击函数 xiugai = (row) => () => { console.log(row) }columns 的最后一项,按钮组件{ title: '操作', width: '100px', align: 'center', //这里传当前行的数据row,(自定义名称) render原创 2020-12-01 17:37:56 · 3015 阅读 · 0 评论 -
react引用Ant Design组件遇到的坑(table)index.js:1 Warning: Each child in a list should have a unique “key“
打印台报错,百度了一下解决办法,参考博客或者参考文章最后。如图:表格分页居中设置(在table组件里面写上,bottomCenter表示表格下方居中,6条数据分页)pagination={{ position: ['bottomCenter'], pageSize: 6 }}表格中添加组件(例如按钮)在columns最后一项里面写组件:利用 render:()=> 箭头函数返回组件代码:分页,报错解决方式如图:(rowKey为每一项的唯一字段名)有问题欢迎指出~..原创 2020-12-01 17:21:28 · 1524 阅读 · 1 评论 -
VScode快速一键生成html、vue、jsx、ajax、sass、docker等代码片段(示例)
VScode快速一键生成html、vue、jsx、ajax、sass、docker等代码片段自定义代码片可以极大地提高我们的工作效率!1.文件=>首选项=>用户代码片段(或者左下角设置–》用户代码片段)2 . 我以.jsx文件为例:3 .将里面的代码跟改为以下代码:(保存就可){ "JSX": { "prefix": "jsx", //触发的关键字输入jsx按下tab键 "body": [ "import React from 'react'", "", //原创 2020-11-17 10:58:43 · 604 阅读 · 0 评论