React
前端小蜜蜂
这个作者很懒,什么都没留下…
展开
-
模仿ProTable创建ProTable组件
代码就这么多,基本上都写了,备注也有,大家自己看吧。不多说废话直接上代码。原创 2024-01-18 15:44:56 · 498 阅读 · 0 评论 -
Redux TypeError: Cannot read property ‘type‘ of undefined
今天在复习redux的时候遇到了这个错误问题就是提示type undefined那就是说明在useSelector获取的值是不存在的,这个时候需要查看引用问题低级的错误(自己引用出错)在拿取value值的时候也要除以,store文件的type和单文件中的name是否相同本文连接:点击博主个人小博客:嘿嘿...原创 2021-08-19 17:13:21 · 439 阅读 · 0 评论 -
Error: React.Children.only expected to receive a single React element child
出现这样的问题是千奇百怪的,可能是你在render函数中return的标签中的注释有问题,也可能是你在利用引入动态变量的时候方式不对本文连接:点击博主个人小博客:嘿嘿原创 2021-08-19 17:05:40 · 1007 阅读 · 0 评论 -
braft-editor上传图片功能
由于自己使用的是纯函数,所以这里不多说,直接开始在form表单中使用,首先去掉form.item的name属性,在利用useState去赋值 <ProForm.Item label="文章内容" > <BraftEditor value={content} controls={controls} onChange={(editorSta原创 2021-07-20 18:01:49 · 2065 阅读 · 7 评论 -
BraftEditor的使用
因为自己使用的是存函数所以简单记录一下,因为官网上没有对存函数的试用,所以还是要用到onchange或者onBlur都可以来获取文本框中的值,但是又因为文本框返回的是函数,所以要转成标签格式<BraftEditor value={content} onChange={async (val) => setContent(val.toHTML())} ></BraftEditor>在利用useState来赋值const [content, setContent] = use原创 2021-07-14 15:15:29 · 3122 阅读 · 6 评论 -
element-ui Table二次封装
因为原来自己用的是AntD的组件,element-ui也是使用了很长的一段时间,但是感觉页面标签太多,所以今天就封装了一下table组件,来减少标签的使用,自己同时也封装了弹框表单,搜索框等,今天就先介绍table的封装,起名:TablePro首先是我们对大量的el-table-column标签的循环<el-table :data="dataSourse" :fit="fit" border row-key="id"原创 2021-07-09 16:01:42 · 800 阅读 · 0 评论 -
MongoDB模糊查询,Next.js查询操作
今天在维护自己博客的时候,在前面增加了博客的搜索,记录一下。MongoDB模糊查询主要是晕倒的正则表达式new RegExp这个属性,可用模糊查询也可以是关键字查询多条件模糊查询async findArticle() { const queryData = this.ctx.query; let reg = new RegExp(queryData) let filter = {$or:[ {title:{$regex:reg}}, {name:{$regex:reg}},原创 2021-05-25 18:55:43 · 400 阅读 · 0 评论 -
react-aplayer请求数组处理问题
在React的hooks中的useEffect他的渲染方式则是异步的,然而组件react-aplayer,这个组件的作者是在3年前完成的,可能当时没有考虑到那么多,还有是由于我的技术水平不够,没办法处理useEffect(useEffect并且要等到浏览器将所有变化渲染到屏幕后才会被执行),这一点在搭配useState()没有很好的渲染,data初始就是空数组,没有想到更好的办法。现在说一下我想到的办法看原作者文档中内容:https://aplayer.js.org/#/home?id=options原创 2021-02-04 18:35:57 · 332 阅读 · 0 评论 -
React忽略的问题--Unexpected token ‘<‘
在新手首次使用react框架,并且单独设立js文件的时候很容易忘记在标签已经不能够解析,这是React官方发布声明自身的JSX语法解析的编译器JSTransform已经过期,且不再维护,这个时候就需要用到babel,它是强大的js的语法编译器,提供更大功能。...原创 2020-07-16 16:51:10 · 4546 阅读 · 1 评论