
React
芊赋予翔
愿所有期待,都能久别重逢
展开
-
antd的Form表单控制实例的使用
Form表单的控制实例一、业务常景:二、使用Form表单的实例来解决:一、业务常景:遇到一种业务场景,即一个简单的Modal框+ Form的一个组合,仔细思考了一下,和我们平时直接使用Form表单还是有一定的区别,我们通常是通过给Form表单绑定onFinish的回调函数,但是这里的业务需求是在model框上点击确定去提交表单,直接通过onFinish函数去回调是不太可行的。二、使用Form表单的实例来解决:打开Antd文档,发现有一个form的实例,这里说的稍稍有的绕,他的意思是你需要使用usF原创 2020-07-14 18:54:11 · 7889 阅读 · 3 评论 -
React 中class与hook渲染机制方面的一点思考
刷掘金时无意看到了一篇文章:React hooks 怎样做防抖?点进去看了一遍么,才发现之前对于hooks仅仅只是会用,对于hook的渲染机制并不十分的了解。我们先从上篇博客提到防抖来入手,再谈渲染机制。我们平时是如何写防抖的?function debounce(fn,delay) { let timer; return function (...arg) { ...原创 2020-04-24 23:45:09 · 1621 阅读 · 0 评论 -
Antd中Table组件筛选报错:Cannot read property 'toString' of null
由字面意思可以发现这里的record应该是空的先放解决方法: 在可以搜索的那一列 传递的数据不能有空值!record所在位置:关于onFilter是一个搜索函数在antd的API上的文档有我们打印一下、可以看到其中有一个空值,这里就是问题所在因此:在可以搜索的那一列 传递的数据不能有空值!有错误时的表格:只要那一格不为空即可...原创 2019-11-23 16:30:16 · 6109 阅读 · 1 评论 -
前端react,vue导出word的几种方法(可以导出图片)
mhtml-to-word导出word:方法详情请看这里1.安装环境npm install mhtml-to-word2.引入使用import { exportWord } from mhtml-to-word3.直接使用(浏览器环境下的使用,node环境下请点击方法一详情)这里我们给出百度模板的使用演示(1)引入我们在详情链接中的百度模板的文件import baidu f...原创 2019-09-30 13:22:56 · 8816 阅读 · 2 评论 -
React之间的组件传值
目前我有两个组件1.Todoitem2.TodoList其中TodoList向TodoItem传值React传值与Vue传值的区别原创 2019-07-12 11:59:37 · 163 阅读 · 0 评论 -
使用React.js去实现一个toDoList
1.我们新建一个js文件,之后在index.js中去引入2.在return()中编写我们的html代码注意:必须有一个<>是完全包裹整个return()中的内容的这是JSX语法所规定的与Vue对比:在Vue的compoment组件中 也要求有一个<>完全去包裹<template>标签中的内容如果我不想让标签元素去占位置,我们直接使用标签 <Frag...原创 2019-07-11 21:00:43 · 455 阅读 · 0 评论 -
围绕React衍生出的思考
1.以前使用jequery,原生JS操作DOM的写法叫做命令式的编程2.React是一种声明式的开发3.React可以与其他框架并存,如index中,react只会管理在index.js中挂载的dom,其他的标签都可以使用其他的库或者框架进行编辑4.React中的组件化,组件的命名都是大写开头5.单向数据流父组件给子组件传值允许,但绝不允许子组件去更改父组件的值 在子组件中,父组件传过来...原创 2019-07-12 18:58:28 · 363 阅读 · 0 评论 -
creat-react-app脚手架初始化时引入文件解读
import React from 'react';import ReactDOM from 'react-dom';import './index.css';import App from './App';1.import React from 'react';这里如果不引入react,就无法成功编译,即使下方没有用到react,他的主要目的是为了识别jsx语法何为jsx语法?R...原创 2019-07-07 17:18:10 · 226 阅读 · 0 评论 -
Create-react-app脚手架所创建的目录的简单解释
Facebook推出2013年开源React 16版本以后称为React FiberReact Fiber 也可以指在16时加的一种底层实现React.js 在复杂度高的比较合适 API较少相比Vue 因此灵活度较高官方提供的脚手架——Create-react-app项目结构文件:1.README.md文件就是一个项目的说明文件有一定格式规定,可以自己编写2.package.js...原创 2019-07-07 16:40:09 · 439 阅读 · 0 评论