react
关注
分享
扫一扫
hardwork come on
相信自己，改变自己
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
表格点击当前行的勾选按钮后,点击分页之后勾选的状态仍然保存。
antd表格的勾选状态原创 2022-08-21 11:33:25 · 305 阅读 · 0 评论 -
使用gojs画出拓扑图,清晰的看出组织人员关系
利用gojs做出拓扑图并且对数据的处理原创 2022-08-20 14:56:30 · 863 阅读 · 0 评论 -
tree ui组件添加多条数据,调接口, style Component样式布局
columns.js 文件是表格的标题import moment from ‘moment’;const columns = [{title: ‘Category’,dataIndex: ‘onlineTaxonomyName’,key: ‘Category’,sorter: true},{title: ‘Offline Category’,dataIndex: ‘offlineTaxonomyName’,key: ‘Offline Category’},{title: ...原创 2021-10-01 15:08:36 · 495 阅读 · 0 评论 -
金秋十月,面试题
js中的let 和 constlet声明的变量只在let命令所在的代码内有效。const 声明一个只读的常量, 一旦声明, 常量的值就不能改变。代码块内有效let 是在代码块内有效，var 是在全局范围内有效:判断数据类型:typeofinstanceOfconstructorobject.prototype.toString.call()let与const都是只在声明所在的块级作用域内有效。let声明的变量可以改变，值和类型都可以改变，没有限制。const声明的变量不得改变值，这原创 2021-10-01 14:42:46 · 383 阅读 · 0 评论 -
react的子传父
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-03-15 23:23:32 · 224 阅读 · 0 评论 -
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 · 418 阅读 · 0 评论 -
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 · 1342 阅读 · 0 评论 -
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 · 1685 阅读 · 2 评论 -
用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 · 385 阅读 · 0 评论 -
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 · 185 阅读 · 0 评论 -
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 · 1440 阅读 · 0 评论 -
灵活使用受控组件和非受控组件
收集表单数据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 · 149 阅读 · 0 评论 -
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 · 869 阅读 · 0 评论 -
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 · 220 阅读 · 0 评论 -
详细的介绍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 · 1125 阅读 · 0 评论 -
react的(片段)碎片,一篇文章就够了
React.Fragment 的作用：代替div作为外层要在render()中,同时返回多个元素,可以使用碎片可以使用<React.Fragment></React.Fragment>在 Vue 里，我们会用 标签来包裹一些不能有父容器的复数同级标签。比如在 标签中，我们只能放置 标签，假如我们同时有多个 标签被赋值给一个 JSX 变量，那么在 React 里也有类似的功能：<React.Fragment> 标签。import React from 're原创 2020-07-21 21:06:24 · 190 阅读 · 0 评论 -
react通过axios请求数据,用一个bol来判断数据是否加载完成后，渲染在页面上，不用async await和定时器的更好方法
在utils新建一个axios.js文件,封装axios的请求import axios from 'axios'// http://localhost:8888/https://cnodejs.org'let baseURL = 'http://localhost:8089/' // 本地服务器注意端口号,要不然报错 // https://cnodejs.org/api/v1// 创建axios实例const fetch = axios.create({ baseURL: baseU原创 2020-07-16 10:50:35 · 646 阅读 · 0 评论 -
一个tab的选项卡,让你玩转react的更种渲染,以及事件的传参
第一种方法根据类名来渲染 // import React, { Component } from 'react' // export default class Tab extends Componentimport React from 'react'import './style.css'export default class Tab extends React.Component{ constructor(props){ super(props)原创 2020-07-11 15:30:21 · 569 阅读 · 0 评论 -
react的各种组件，详细介绍组件的用法和区别,让你正确在react的项目中会组件,看一下就明白
react的组件有一下几种1.类组件 class User extends React.Component{} 面向对象的组件 es6创建的组件class User extends React.Component{ constructor(props) { // constructor 是一种用于创建和初始化class创建的对象的特殊方法。 super(props) // 在一个构造方法中可以使用super关键字来调用一个父类的构造方法。继承父级的pr..原创 2020-07-10 19:35:40 · 1092 阅读 · 0 评论 -
react中使用antd的table组件,和axios的请求
import React, { Component } from ‘react’import { Table } from ‘antd’;// 引入表格组件import axios from ‘axios’ // 引入axios的请求的方式export default class Rights extends Component {// class 类中可以n多个属性state = {// 写在状态中,ajax请求可以更新datalist: null}// 临时不是变量 更新状态不调原创 2020-05-25 21:04:09 · 1142 阅读 · 0 评论 -
npm安装指定版本的react-router-dom
npm 安装大于react-router-dom4.2.2小于5.0.0版本的命令行如果使用cnpm安装,还要安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org安装cnpm安装cnpm，输入以下命令：cnpm install react-router-dom@^4.2.2 --save类似的操作还有npm安装react、react-dom包npm install react@16.3.0 .原创 2020-05-20 08:02:36 · 3373 阅读 · 1 评论 -
react的路由拦截
模糊匹配//Home/Login(1) 精准匹配 exact(2) 模糊匹配,<Switch></Switch> 只会渲染匹配到的第一个项页面的重定向<Redirect from="/" to="/Login"/><hashRouter> <Route path="/Home" render={ ?重定向 }/> </Route path="/Login" component={Login}&g原创 2020-05-20 08:00:51 · 1142 阅读 · 0 评论 -
react的纯函数
**外面的值不受里面的值的影响**reducer必须是纯函数是设计的？1.redux 可以提供可预测化的状态管理在一个应用中，所有的 state 都是以一个对象树的形式存在一个单一的 store 中，唯一改变 state 的办法就是触发 action，而 reducer 就是用来编写专门的函数决定每个 action 如何改变应用的 state 。reducer 就是一个纯函数，接受旧的 state 和 action,返回新的 state (previousState, action) =>原创 2020-05-19 23:41:48 · 1508 阅读 · 0 评论 -
自己踩的炕，一直困惑react路由的问题
在react中，hash是有#注意BrowserRouter：http://localhost:3000/article-manage/list#/浏览器的路由方式，也就是在开发中最常使用的路由方式HashRouter是http://localhost:3000/#/article-manage/list在路径前加入#号成为一个哈希值，Hash模式的好处是，再也不会因为我们刷新而找不到我们的对应路径http://localhost:3000/#/article-manage/list/ 这原创 2020-05-15 22:01:13 · 92 阅读 · 0 评论 -
react的父子通信，简单明了
import React, { Component } from ‘react’// 单独引入一个prop-typesimport propTypes from ‘prop-types’ // 包含数据验证方法console.log(propTypes)// 用props父子通信// 做一个属性验证:验证每一个属性类型// 默认属性:不传属性的时候的默认值class Navbar extends Component {//props:[‘mytext’] vue写法父子通信/*props原创 2020-05-09 21:04:55 · 237 阅读 · 0 评论