随笔分类 -  react

摘要:1、在vscode中打开一个js文件,如index.js 2、打开 VSCode 的终端,执行命令:node index.js,即可把 Node.js 运行起来 注1:Node 和 Chrome 的全局变量基本上是一样的,如 Date、Math、setTimeout、setInterval 等: 注 阅读全文
posted @ 2022-03-16 16:03 dongxiaolei 编辑
摘要:dva中通过connect函数注入dispatch,获取dispatch的方式有两种:1)const {dispatch}= this.props;2)通过全局变量:window.g_app._store.dispatch({ type: 'login/logout', }); ref总结:1)字符 阅读全文
posted @ 2022-03-05 11:43 dongxiaolei 编辑
摘要:总的来说 React 组件的生命周期有三种状态 1、mounting: 插入真实 DOM //渲染前后 2、updating: 正在被重新渲染 props 或 state 改变 //更新前后 3、unmounting: 卸载 移除真实 DOM //卸载前后 mounting 对应的函数 constr 阅读全文
posted @ 2021-08-13 10:27 dongxiaolei 编辑
摘要:limitDecimals = value => { const reg = /^(\-)*(\d+)\.(\d).*$/; if (typeof value 'string') { return !isNaN(Number(value)) ? value.replace(reg, '$1$2.$3 阅读全文
posted @ 2021-02-04 17:00 dongxiaolei 编辑
摘要:1、export interface和 class区别 export interface 只是对一个东西的声明(不能具体的操作) export class 导出一个类 类里面可有有参数 可以有一写函数 方法(干一些具体的事情) 路由:https://blog.csdn.net/hbiao68/art 阅读全文
posted @ 2020-12-19 20:26 dongxiaolei 编辑
摘要:https://www.jianshu.com/p/ac6300b7aa07 react 子组件改变父组件的state值:通过将父组件中的方法传给子组件,(在方法中改变state值) 父组件: handleE = () => { let newType = this.state.type; newT 阅读全文
posted @ 2020-12-03 15:01 dongxiaolei 编辑
摘要:1,在jsx页面派发任务,可以在componentWillMount的生命周期内,使用this.props.dispatch方法派发,需要先引用connect模块,不引用会报错 import { connect } from 'dva'; 在类中操作: class 类名 extends React. 阅读全文
posted @ 2020-11-17 22:42 dongxiaolei 编辑
摘要:1)getFieldDecorator是一个方法,这个方法接收两个参数,第一个是表单的字段对象,第二个是验证规则。这个方法本身返回一个方法,需要将需要获取值的标签包裹进去。 const formItemLayout = { labelCol: { span: 12, }, wrapperCol: { 阅读全文
posted @ 2020-11-16 21:55 dongxiaolei 编辑
摘要:dva part 官网说法:dva 首先是一个基于 redux 和 redux-saga 的数据流方案,然后为了简化开发体验,dva 还额外内置了 react-router 和 fetch,所以也可以理解为一个轻量级的应用框架。dva由以下部分组成: 1)定义model import { conce 阅读全文
posted @ 2020-11-15 09:12 dongxiaolei 编辑
摘要:1.state属性 state顾名思义就是状态,它只是用来控制这个组件本身自己的状态,我们可以用state来完成对行为的控制、数据的更新、界面的渲染. setState更新是异步的,事件处理过程 setState 不会同步更新 this.state, React 控制之外的情况, setState 阅读全文
posted @ 2020-11-05 13:34 dongxiaolei 编辑
摘要:1) <script src="../build/react.development.js"></script> <script src="../build/react-dom.development.js"></script> <script src="../build/babel.min.js" 阅读全文
posted @ 2020-11-04 21:50 dongxiaolei 编辑

点击右上角即可分享
微信分享提示