2 weixin_43353869

尚未进行身份认证

我要认证

相信自己,改变自己

等级
TA的排名 13w+

react导入文件后上传,表格的渲染

import React, { useState, useEffect } from “react”;import styls from “./EditsoilGroundwater.module.less”;import Title from “components/BaseTitle/baseTitle”;import { Modal, Table, Input, Upload, Pagination, message } from “antd”;import Service from “…/…

2020-09-25 20:06:17

react的单选框

import React, { useState, useEffect } from “react”;import { Checkbox, message } from “antd”;import Service from “…/…/…/…/Service”;import Title from “components/BaseTitle/baseTitle”;import sStyle from “./SensitiveReceptor.module.less”;const SensitiveR

2020-09-25 20:05:04

typescript的深入讲解,值得阅读

tsc hello.tsnode hello.jsts转为js,才可以在node中执行第二种方式运行安装命令:npm i -g ts-node使用方式: ts-node hello.tsts-node 文件名使用 boolean 定义布尔值类型:let isDone: boolean = false;ts // 单行注释ctrl+/多行注释/**/ shift+alt+ats 是js的超集,为js 添加类型系统.相比js,开发体验更友好,提前发现错误,Bug 更少,增加开发的幸福度

2020-09-20 20:12:03

react做表格和分页功能

import React, { memo, useState, useEffect } from "react";import { Table, Pagination } from "antd";import { IDefaultParam } from "../topFilter/topFilter";import BaseModal from "components/BaseModal/BaseModal";import Message from "components/Message/Mess

2020-09-19 21:05:01

用react写一个todolist

import React from 'react'import '@/assets/css/todoList.css'export default class todo extends React.Component{ constructor(props){ super(props) this.state = { doingList: [],// 正在进行的任务列表 task: '', // 任务名称 doneList: [] // 已经完成的任

2020-09-13 20:20:07

react的通信在详细讲解

父组件import React,{ Component } from 'react'import Son from './son.js'export default class Shoukongzujian extends Component{ constructor(props){ super(props) this.state={ arr:'12', arrs: [ { id:

2020-09-08 21:44:45

ts的详解大全,使用更多的开发者

tsc hello.tsnode hello.jsts转为js,才可以在node中执行第二种方式运行安装命令:npm i -g ts-node使用方式: ts-node hello.tsts-node 文件名使用 boolean 定义布尔值类型:let isDone: boolean = false;ts// 单行注释ctrl+/多行注释/**/ shift+alt+ats 是js的超集,为js 添加类型系统.相比js,开发体验更友好,提前发现错误,Bug更少,增加开发的幸福度声

2020-09-07 22:53:59

灵活使用受控组件和非受控组件

收集表单数据import React,{ Component } from 'react' export default class Inputone extends Component{ constructor(props){ super(props) // 初始化状态 this.state = { pwd: '' } thi

2020-09-02 14:37:20

简单聊聊echarts

1.下载并引入echarts.js文件2.准备一个具备大小的dom容器3.初始化echarts实列对象4.指定配置项和数据5.将配置项设置给echarts实列对象echarts的属性title设置图标的标题tooltip是鼠标放上去显示的内容(图表的提示框)tooptip:{// 触发方式trigger:'axis'}legend是图例组件// 如果series对象 有name值,则legend可以不用写datatoolbox是工具箱,保存成图片toolbox:{ fea

2020-08-23 18:43:41

react的知识点详讲解细,灵活使用react的语法和外加react面试题

react组件创建的几种方式createClass这是react在ES5时期使用的创建组建的方式1234567891011121314151617181920212223242526 var React = require("react");var Greeting = React.createClass({ propTypes: { name: React.PropTypes.string }, getDefaultProps: function() { return {

2020-08-22 21:17:18

react创建项目

使用脚手架的步骤cnpm install create-react-app -gcreate-react-app 项目名npm startnpm run eject 把脚手架原本隐藏封装的脚本,还原回来注意:在执行eject时,会报错。解决:先创建本地git仓库,并把代码进行本地提交。cd react-antd-cms (cd 项目名)git initgit add .git commit -m 'first commit'npm run eject执行npm run eject会在

2020-08-10 22:24:05

ts语法

ts是js的超级,ts是强类语言安装npm i -g typescript 或 cnpm i -g typescript(cnpm要安装淘宝镜像原)或者安装yarn (cnpm i -g yarn)如果电脑上没有淘宝镜像,要安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.orgtsc -v 查看版本有没有安装成功ts是从js进行衍生过来// 把ts的代码编译成es5的代码ts开发工具vscode自

2020-08-10 22:11:50

前端大全

position1.position:relative;相对定位对照自身原来的位置定位,发生定位偏移以后自身原来的位置还在,不脱离文档流。2.position:absolute;绝对定位不会占据原有的位置,脱离文档流如果外层元素含有(非static 默认定位)定位属性,那么以外层定位元素(0,0)点为参照定位如果外层元素不含定位属性,那么以html(0,0)点为参照定位3.position:fixed;固定定位不会占据原有的位置,脱离文档流以浏览器(0,0)点为参照定位字符串

2020-08-10 22:00:57

详细github的使用大全

1.github的操作git bash here 邮件要操作的文件夹git config --list 查看配置清单git config --global user.name "你的用git户名" 给git配置用户名git config --global user.email "你的用git邮箱" 给git配置用邮箱2.github命令cd 进入文件夹cd.. 返回上一层目录mkdir 创建项目pwd 显示当前工作目录的全路径touch xx 新建xx文件r

2020-08-10 21:15:22

javascript事件循环机制

js是单线程语言EventLoop包含:一类是基于Browsing Content,一种是基于Worker,二者是独立运行的console.log('script start')setTimeout(function(){ console.log('setTimeout')},0);Promise.resolve().then(function(){}).then(function(){ console.log('promise')});console.log('script end')

2020-08-09 09:27:06

es6的数组方法和字符串的方法

es6字符串的方法repeat 重复字符串var str="abcdef"str=str.repeat(3)console.log(str)模板字符var str=`张三今年${age}岁了`startwith endswithvar str="abcdef";// 判断字符a是否在最前面console.log(str.starWith("a"));// 判断字符a是否在最前面,从什么位置开始向后查找console.log(str.startsWith("b",1));// 判断

2020-08-04 15:11:03

字符串和数组的方法,超全

字符串的方法1.charAt()2.charcodeAt()3.concat()4.slice()5.split()8.indexOf()9.toUpperCase10.toLowerCase7.substr()1.charAt()查找返回指定位置的字符 var str = "abcdefg"; var s = str.charAt(5); // 下标为5的字符 console.log(s);//f 2.charcodeAt()查找返回

2020-08-04 15:08:36

js怎么判断是数组

1.不能用typeof (切记)利用typeof除了array和null判断为object外,其他的都可以正常判断。2.instanceof操作符var arr = [1,2,3,1];console.log(arr instanceof Array); // true3.对象的constructor 属性var arr = [1,2,3,1];console.log(arr.constructor === Array); // true4.使用 Object.prototype.toStr

2020-07-28 20:52:30

详细的介绍react中的redux使用过程,让你学会在项目中使用redux

第一步下面的文件都是在store中,利用模块化开发的思想统一把变量放在actionTypes文件中大概的步骤通过Redux的createStore方法来生成Store。createStore方法的参数是Reducer方法(可以用combinReducers方法将多个Reducer合并起来,将业务数据拆分的更清晰)。Reducer方法接收两个参数state和Action。生成完store对象后,需要用subscribe方法注册回调函数listener,当store内的state发生变化时会自动调用回调

2020-07-21 21:57:43

react的(片段)碎片,一篇文章就够了

React.Fragment 的作用:代替div作为外层要在render()中,同时返回多个元素,可以使用碎片可以使用<React.Fragment></React.Fragment>在 Vue 里,我们会用 标签来包裹一些不能有父容器的复数同级标签。比如在 标签中,我们只能放置 标签,假如我们同时有多个 标签被赋值给一个 JSX 变量,那么在 React 里也有类似的功能:<React.Fragment> 标签。import React from 're

2020-07-21 21:06:24

查看更多

勋章 我的勋章
  • 技术圈认证
    技术圈认证
    用户完成年度认证,即可获得
  • 阅读者勋章Lv4
    阅读者勋章Lv4
    授予在CSDN APP累计阅读博文达到90天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 学习力
    学习力
    《原力计划【第二季】》第一期主题勋章 ,第一期活动已经结束啦,小伙伴们可以去参加第二期打卡挑战活动获取更多勋章哦。
  • 原力新人
    原力新人
    在《原力计划【第二季】》打卡挑战活动中,成功参与本活动并发布一篇原创文章的博主,即可获得此勋章。