随笔分类 - react
摘要:先初始化各种依赖包,可选,不需要的删除 npm install react-router react-router-dom less less-loader antd react-redux --save 一般 import 'antd/dist/antd.css' 引入 antd高级引入-按需加载
阅读全文
摘要:npm install -g create-react-app create-react-app APP cd APP npm run start 这就跑起来了
阅读全文
摘要:1.字符串通过 this.refs.test 来引用真实dom的节点dom 节点上使用 <input type ="text" ref="test"/> 2.回调函数回调函数就是在dom节点或组件上挂载函数,函数的入参是dom节点或组件实例,达到的效果与字符串形式是一样的,都是获取其引用。 <inp
阅读全文
摘要:使用this.setState({ }) 还可以修改后追加传的参数 效果如下: this.setState({ })方法是异步的
阅读全文
摘要:1.行内样式: 两个大括号包着。第一个大括号表示里面写js,第二个大括号里面是样式对象 2.传对象 将对象和结构分离,直接写一个大括号,里面写对象 3.将所有的样式对象合并成一个大对象,直接点 以上样式会因为作用域问题导致全局都会使用上样式 使用模块化只让局部生效 样式文件如下: 1.配置webpa
阅读全文
摘要:npm下载项目 创建项目 进入项目 启动项目 和webpack相比简直是。。。
阅读全文
摘要:使用 function 构造函数创建组件: 注意: 格式: 创建: 使用: 使用 class 关键字创建组件 区别:
阅读全文
摘要:前提: 下载依赖,配置 JSX语法的本质: 还是以 React.createElement 的形式来实现的,并没有直接把 用户写的 HTML代码,渲染到页面上; 语法: 1.如果要在 JSX 语法内部,书写 JS 代码了,那么,所有的JS代码,必须写到 {} 内部。 2.当 编译引擎,在编译JSX代
阅读全文
摘要:1.装包,引包 首先需要安装两个包 react ,react-dom 介绍下这两个包: react:专门用来创建React组件,组件生命周期等这些东西。 react-dom:里面主要封装了和Dom操作相关的包(例如:要把组件渲染到页面上) 装了之后就引包使用了 2.创建dom对象 在react中,如
阅读全文