![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 242 阅读 · 1 评论 -
react路由,脚手架
react脚手架的使用import React,{Component} from 'react'class 组件名 extends Component {state ={数据}}样式类名会全局泄露Axios组件下直接引入axiosPublick文件夹是特殊路径配置代理:package.json下 "proxy":"http://localhost:3001"Post请求使...原创 2019-10-30 19:21:47 · 123 阅读 · 0 评论 -
React的条件渲染,父子,兄弟传值
条件渲染:if(布尔值){ return(jsx)}else{ return (jsx)}条件是否成立&&模块显示隐藏三目运算: 条件?模块:模块注:阻止条件渲染时,不使用DOM内容情况下返回null,数据类型保持一致列表渲染:使用map方法进行遍历react中无论后期列表是否进行变动,都需要给遍历的虚拟DOM加上唯一的key,否则控制台会...原创 2019-10-30 19:21:19 · 238 阅读 · 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 · 676 阅读 · 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 · 88 阅读 · 0 评论