React
文章平均质量分 75
一路向北@L
平静的坚持比爆发的努力更弥足珍贵
展开
-
redux数据映射创建store
redux数据映射 创建store.js,在store中引入createStore创建的store仓库,把仓库公开,在createStore中引入reducer 创建reducer.js,在reducer中创建共有数据存储的对象defaultState,把组件中共有的数据抽离到defaultState,在reducer.js创建公开方法,写入state和action参数,把默认数据defau...原创 2019-10-31 22:20:34 · 289 阅读 · 1 评论 -
react路由,脚手架
react脚手架的使用 import React,{Component} from 'react' class 组件名 extends Component {state ={数据}} 样式类名会全局泄露 Axios 组件下直接引入axios Publick文件夹是特殊路径 配置代理:package.json下 "proxy":"http://localhost:3001" Post请求使...原创 2019-10-30 19:21:47 · 128 阅读 · 0 评论 -
React的条件渲染,父子,兄弟传值
条件渲染: if(布尔值){ return(jsx) }else{ return (jsx) } 条件是否成立&&模块显示隐藏 三目运算: 条件?模块:模块 注:阻止条件渲染时,不使用DOM内容情况下返回null,数据类型保持一致 列表渲染:使用map方法进行遍历 react中无论后期列表是否进行变动,都需要给遍历的虚拟DOM加上唯一的key,否则控制台会...原创 2019-10-30 19:21:19 · 246 阅读 · 0 评论 -
React不使用JSX创建元素,以及传值
不使用JSX创建元素:React.createElement(DOM名称,节点属性,DOM中写入的内容) const childa = React.createElement( 'h1', {className:"childa"}, 'hello' ) ReactDOM.render( childa, ...原创 2019-10-30 19:20:25 · 687 阅读 · 0 评论 -
关于React
React 把虚拟DOM渲染到真正DOM中 ReactDom.render(组件,document.getElementById(根元素)) 虚拟DOM提升性能:虚拟DOM最大特点是只更新变化的内容,不变的内容就地复用 JSX语法: {},相当于vue的 {{}} style={{key:val,key:val}} //第一个大括号为jsx语法,第二个大括号为style内写法 ...原创 2019-10-30 19:19:29 · 116 阅读 · 0 评论