React
Magic_小小阿昕
这个作者很懒,什么都没留下…
展开
-
React介绍 && 开发环境之前的准备工作
React的介绍: React来自于Facebook公司的开源项目 React 可以开发单页面应用 spa(单页面应用) react 组件化模块化 开发模式 React通过对DOM的模拟(虚拟dom),最大限度地减少与DOM的交互 (数据绑定) react灵活 React可以与已知的库或框架很好地配合。 react 基于jsx的语法,JSX是...原创 2019-09-26 11:28:56 · 170 阅读 · 0 评论 -
React super介绍
super关键字: 参考:http://www.phonegap100.com/thread-4911-1-1.html Es6中的super可以用在类的继承中,super关键字,它指代父类的实例(即父类的this对象)。子类必须在constructor方法中调用super方法,否则新建实例时会报错。这是因为子类没有自己的this对象,而是继承父类的this对象,然后对其进行加工。如果不调用s...原创 2019-09-26 14:44:38 · 333 阅读 · 0 评论 -
React 创建组件、绑定数据、绑定属性、引入图片、循环数组
创建组件 首先在src目录下面创建components文件夹 在文件夹中编写你所需要的组件名称。(Home.js) 在app.js中挂载该组件,Home组件中的数据即可渲染在页面。import React from 'react'; import './assets/css/App.css' import HomePage from './components/Home.js' function...原创 2019-09-26 17:36:59 · 250 阅读 · 0 评论 -
React添加点击事件、改变this指向
方法1 import React, { Component } from 'react' class ClickComponent extends Component { constructor(props){ super(props) this.state ={ msg: '这是一个标题' } } ...原创 2019-09-27 19:07:59 · 384 阅读 · 0 评论 -
React事件对象(event)、表单事件、键盘事件、react类似vue的双向数据绑定
event.target 通过event来改变button颜色、获取dom属性 import React, { Component } from 'react' class getDom extends Component { constructor(props){ super(props) this.state = { msg: 'msgmsgmsg' ...原创 2019-09-29 11:16:31 · 312 阅读 · 0 评论