随笔分类 -  React

React（九）create-react-app创建项目 + 按需加载Ant Design
摘要：（1）create-react-app如何创建项目我前面第一章介绍过了，这里就不过多写了， （2）我们主要来说说按需加载的问题 1. 引入antd 2. 引入react-app-rewired（一个对 create-react-app 进行自定义配置的社区解决方案） 引入 react-app-rew 阅读全文
posted @ 2018-09-29 15:44 yulingjia 阅读(369) 评论(0) 推荐(0)
React（八）样式及CSS模块化
摘要：（1）内联样式 注：样式要采用驼峰命令发，如果非要使用原生css样式写法，需加引号 缺点：一些动画，伪类不能使用 内联样式中的表达式： （2）引入css文件 在该文件夹下使用import引入或者在index.html上面使用link引入 注：给html标签添加class属性需使用className 阅读全文
posted @ 2018-09-29 12:30 yulingjia 阅读(6342) 评论(1) 推荐(0)
React（七）独立组件间的共享Mixins
摘要：（1）ES6的使用 （https://github.com/brigand/react-mixin） 下载依赖包 （2）导入react-mixin包 （3）创建js文件 MixinLog.js （4）使用MixinLog 阅读全文
posted @ 2018-09-29 11:06 yulingjia 阅读(168) 评论(0) 推荐(0)
React（六）Props属性
摘要：state 和 props 主要的区别在于 props 是不可变的，而 state 可以根据与用户交互来改变。这就是为什么有些容器组件需要定义 state 来更新和修改数据。 而子组件只能通过 props 来传递数据。 （1）使用Props属性 （2）默认Props （3）State 和 Props 阅读全文
posted @ 2018-09-29 09:33 yulingjia 阅读(213) 评论(0) 推荐(0)
React（五）State属性
摘要：React 里，只需更新组件的 state，然后根据新的 state 重新渲染用户界面（不要操作 DOM）。 以下实例创建一个名称扩展为 React.Component 的 ES6 类，在 render() 方法中使用 this.state 来修改当前的时间。 添加一个类构造函数来初始化状态 thi 阅读全文
posted @ 2018-09-29 09:13 yulingjia 阅读(781) 评论(0) 推荐(0)
React（四）组件生命周期
摘要：组件的生命周期可分成三个状态： Mounting：已插入真实 DOM Updating：正在被重新渲染 Unmounting：已移出真实 DOM 生命周期的方法有： componentWillMount 在渲染前调用,在客户端也在服务端。 componentDidMount : 在第一次渲染后调用， 阅读全文
posted @ 2018-09-28 17:15 yulingjia 阅读(151) 评论(0) 推荐(0)
React（三）JSX内置表达式
摘要：（一）JSX是什么? React 使用 JSX 来替代常规的 JavaScript。 JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。 我们不需要一定使用 JSX，但它有以下优点： JSX 执行更快，因为它在编译为 JavaScript 代码后进行了优化。 它是类型安全的，在编 阅读全文
posted @ 2018-09-28 16:58 yulingjia 阅读(352) 评论(0) 推荐(0)
React（二）组件
摘要：1.组件概念： 我理解的组件的概念就是复用性，一个组件开发完成后可以重复使用。 2.简单的组件编写 （1）在src中创建一个components的文件夹，里面创建一个header.js的文件 （2）在index.js中index.js中引入这个组件 注意：创建class类的return中只能存在一个 阅读全文
posted @ 2018-09-04 16:23 yulingjia 阅读(194) 评论(0) 推荐(0)
React（一）使用脚手架创建React项目
摘要：1.安装脚手架 现在使用较多的就是这三种脚手架工具： 我使用的是第三种，facebook官方开发的脚手架 2.创建React项目 主要依赖 react, react-dom, react-scripts 生成目录结构为： 3.运行React项目 4.使用ChromeReack插件调试工具 在chro 阅读全文
posted @ 2018-09-04 11:03 yulingjia 阅读(5429) 评论(0) 推荐(0)