react
impossible1994727
百尺竿头更进一步
展开
-
在web端使用oss上传
react web端使用oss直传。原创 2022-06-20 16:23:27 · 742 阅读 · 0 评论 -
react+umi+antdesign+typescript从零构建后台系统
确保电脑有node,查看方式:node -v2.确保电脑有umi,查看方式:umi -v没有umi的安装方式:npm install -g umi3.执行以下代码:npm create umi 文件名或者 yarn create umi 文件名出现以下选择,直接回车即可。出现以下选择,直接回车。出现以下选择,这个是新建出来的模版是简易版本,还是比较完善版本。可以直接回车,也可以选择complete4.执行:npm inst...原创 2021-10-22 17:50:54 · 481 阅读 · 0 评论 -
antdsign中DatePicker日期选择框的使用——moment与时间戳的相互转化
以在form表单中进行举例//有时间选择器如下 <Form.Item name="releasedTimestamp" > <DatePicker showTime inputReadOnly allowClear /> </Form.Item>//有时间范围选择器如下 <原创 2021-09-07 16:52:53 · 7344 阅读 · 0 评论 -
vscode保存react代码后,代码混乱
如上图,代码保存的时候,乱码了。。。解决方式:打开设置: 按照下图添加配置项:*.js,javascriptreact 搜索插件:JS-CSS-HTML Formatterv0.2.3,禁用 重启vs code重启之后,看编辑器右下角,当打开的是js文件的时候,显示javaScript React 即可。...原创 2021-08-19 17:09:54 · 505 阅读 · 0 评论 -
wangeditor自定义扩展菜单--上传音频版本
wangeditor基本使用参考:https://blog.csdn.net/impossible1994727/article/details/117931282?spm=1001.2014.3001.5502在官方文档中,提供的菜单主要有:menus = [ 'head', 'bold', 'fontSize', 'fontName', 'italic', 'underline', 'strikeThrough', 'indent原创 2021-08-17 11:09:09 · 3973 阅读 · 4 评论 -
antdsign 中使用table定义columns的宽度不生效的解决方式
{ title: '活动链接', dataIndex: 'url', width: 300, render: (_, arr) => { return _ ? ( <> <a href={_} target="_blank" id={'copy' + arr.id} > {_} </a> ...原创 2021-06-30 16:54:24 · 1550 阅读 · 0 评论 -
react实现富文本:wangeditor-for-react
安装:npm install wangeditor-for-react引入:原创 2021-06-15 19:29:22 · 3025 阅读 · 2 评论 -
react初学--jsx与js的写法,区别于联系
react书写方法有两种一种是jsx一种是js。用最简单的html页面结构举例。初始页面结构如下:引入re<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi原创 2021-06-11 10:56:51 · 2752 阅读 · 2 评论 -
实现拖拽元素改变元素列表序号列表
参考文档:http://www.sortablejs.com/index.html我司有需求,拖动里诶包原创 2021-06-10 15:52:00 · 466 阅读 · 0 评论 -
antdesign 使用upload报错问题总结
我是在form组件中使用的upload,因为用form.setFieldsValue没能给upload赋值,所以选择使用upload的defaultFileList。本地版本一直有个警告:Warning: [antd: Upload] `value` is not a valid prop, do you mean `fileList`?线上版本一直报错某个map 和must set key for <rc-animate> children;总结原因是使用defaultFi.原创 2021-04-26 16:14:35 · 2424 阅读 · 0 评论 -
create-react-app+mobx+react-router-dom
1、create-react-app步骤: 新建一个空文件夹,用vs打开; 打开终端输入,安装:npm install -g create-react-app; 创建react项目,输入create-react-appreact-cli-demo(react-cli-demo是项目名称,同时确保node版本在9.0以上); 执行上面三步,项目创建完成;运行方式,n...原创 2019-03-05 16:56:04 · 450 阅读 · 0 评论 -
react的基本语法
1、创建虚拟DOM——createElement(a,b,c,n); 参数a:创建元素的类型,字符串,表示元素名称; 参数b:一个对象{}或者null,表示当前DOM的属性; 参数c:子节点(包括其他虚拟DOM或者文本子节点); 参数n:其他子节点,可无;const myh1 = React.createElement('div',{id:'div',...原创 2019-02-25 14:43:44 · 507 阅读 · 0 评论 -
react创建组建的基本方式
构造函数创建组件当前目录结构如下:构造函数创建组件的代码写在的Hello.jsx中,在index.js引用此文件:index.js引用react ,react-dom, 和Hello文件,import React from 'react';//创建组建,虚拟DOM元素,生命周期import ReactDom from 'react-dom';//把创建好的组件和虚拟DOM...原创 2019-02-19 18:57:53 · 310 阅读 · 0 评论 -
从零搭建一个react项目
创建项目1、新建一个文件夹,vsc打开;2、打开终端;3、输入npm init -y 快速初始化项目:多一个 package.json的文件夹;4、项目根目录新建两个文件夹dist src,并在src新建index.html和一个index.js5、终端输入cnpm i webpack -D回车;再输入cnpm i webpack -g:多一个node_modules文件夹;...原创 2019-02-13 18:52:03 · 671 阅读 · 0 评论 -
react 进行babel转化jsx运行之后报错
在进行react的项目搭建的过程中,搭建到babel转化jsx语法,然后就爆了如下的各种错误:比如:终端运行:cnpm i babel-core babel-loader babel-plugin-transform-runtime -D cnpm i babel-preset-env babel-preset-stage-0 babel-preset-react -D之后...原创 2019-02-13 17:57:39 · 4784 阅读 · 0 评论