
react
代码caigou~旺旺旺
“虽然现实总是比想象的难,但是我们也是比想象更强大的人。”
“勇敢的人先享受世界。”
展开
-
Redux的使用
一、安装npm install --save redux;二、新建目录管理redux三、./redux/index.js// 创建store仓库,reducer注入import {createStore} from 'redux'import reducer from "./reducer"const store =createStore(reducer);export default store;// store 是唯一的// 只有store能改变state,reducer不能四原创 2020-08-20 00:34:41 · 156 阅读 · 0 评论 -
react的环境搭建:防止标题重复
一、简介React是Facebook退出的js库,只和用户的界面打交道。React的三大颠覆性的特点。二、构建react应用程序注意 :默认电脑已经安装了npm和nodejs;node 版本要至少8.0以上的。使用creat-react-app(官方脚手架)搭建react应用程序npm install -g create-react-app /*搭建一个全局的脚手架*/create...原创 2019-09-06 23:23:59 · 264 阅读 · 0 评论 -
react:组件这么写就好~~
一、创建组件方法一:构造函数创建组件注意:使用构造函数来创建组件,必须要向外return一个合法的JSX创建的虚拟DOM;使用构造函数来创建组件,用props接收外部传进来的数据。// 使用组件并 为组件传递 props 数据<Hello name={dog.name} age={dog.age} gender={dog.gender}></Hello>...原创 2019-09-07 11:35:40 · 305 阅读 · 0 评论 -
react:虚拟DOM(Virtual DOM)
一、DOM :文档对象模型在当今的web程序中,由于SPA类型项目的出现,DOM tree的结构也变得越来越复杂,它的该表内也变的越来越频繁,也有可能有非常多的DOM操作(添加,删除,修改,事件监听,事件回调,事件销毁等)。由于DOM tree结构的变化,会导致大量的reflow,从而影响性能。二、虚拟DOM虚拟DOM是对立React而存在的,只不过React在渲染的时候采用了这个技术来提...原创 2019-09-07 13:27:37 · 401 阅读 · 0 评论 -
react:JSX
一、JSX来历React认为一切基于组件,组件自然而然要和模板联系在一起,把逻辑和模板分开放置是一种笨重的思路。所以,React创造了一种名为JSX的语法格式来架起一道它们之间的桥梁。注意:< script > 标签的 type 属性为 text/babel,这是React 独有的 JSX 语法,跟 JavaScript 不兼容。凡是在页面中直接使用 JSX 的地方,都要...原创 2019-09-11 00:07:09 · 265 阅读 · 0 评论