
react.js
zdxhxh
746834609@qq.com
展开
-
react.js基本使用
核心概念 虚拟dom 用js对象模拟页面上的元素,并提供操作dom对象的api,能够使页面高效刷新 解决问题? 传统的渲染方案 方案一:手动for循环整个数组,然后手动拼接字符串 方案二:使用模板引擎,art-template 当内存中的数据更新时(例如数组排列顺序发生改变),要求重新渲染,这就出现了性能问题 如何解决?按需渲染页面,程序员手动模拟新旧两颗dom树(内存变化前后),...原创 2018-10-15 22:04:20 · 740 阅读 · 0 评论 -
react生命周期
init //针对类的 defaultPros(share)->run 1 getDefaultProos(){return {group:123}} //针对实例 state->getInitialState(){return {}} /ES6 construtor(){this.state={}} const Item = React.createClass()...原创 2018-10-17 07:39:48 · 105 阅读 · 0 评论 -
react的demo
import React from 'react' //创建组件 虚拟dom元素 import ReactDOM from 'react-dom' //把创建好的虚拟dom放到页面上 import Index from './pages/indexMge/indexList' const myh1 = React.createElement('h1',null,'这是一个大的h1') con...原创 2018-10-17 07:41:26 · 163 阅读 · 0 评论 -
react组件之间的通信
const evenBus = new eventmitter.EventEmitter() const Comp = React.createClass({ getInitialState(){ return {color:'yellow'} } componentWilMount(){ if(!this.props.color) {eventbus.on('change...原创 2018-10-17 08:13:38 · 147 阅读 · 0 评论 -
react.js +dva 整理
如何更新一个组件? view层 :使用dispatch处理 type为对应的Mod层方法 payload则为要传递的参数 dispatch({ type: `${namespace}/editStaff`, payload: {id:record.id}} ) 当数据被放到状态机更新后,可以用modelObj获取值 MOD层 在effects方法中定义type中的方...原创 2018-10-17 18:51:26 · 404 阅读 · 0 评论 -
antd样式在react中不生效解决办法
在.babelrc { "presets": [ "es2015", "react", "stage-2" ] , "plugins": [ "add-module-exports", "transform-runtime", ["import", { "libraryName": "a原创 2019-02-14 14:38:32 · 9698 阅读 · 5 评论