- 博客(6)
- 收藏
- 关注
原创 React获取DOM方法
以下提供三种方法:import React, { Component } from 'react';import ReactDOM from 'react-dom';class Index extends Component { onClick(event){ console.log(event.target.value); // 第一种方式 var subm
2017-08-31 16:19:34 33560 1
原创 React组件生命周期
组件的生命周期可分成三个状态:Mounting:已插入真实 DOMUpdating:正在被重新渲染Unmounting:已移出真实 DOM生命周期的方法有:componentWillMount 在渲染前调用,在客户端也在服务端。componentDidMount : 在第一次渲染后调用,只在客户端。之后组件已经生成了对应的DOM结构,可以
2017-08-30 16:12:49 252
原创 JSX内置表达式
注释render(){ // 在 js 中的注释方式 return( {/*在 jsx 中的注释方式*/} ) }PS:注意在jsx中不可以在最外层进行注释(div内部)变量三元表达式内嵌HTML
2017-08-30 13:42:04 746
原创 React多组件嵌套
React 推荐以组件的方式去重新思考 UI 构成,将 UI 上每一个功能相对独立的模块定义成组件,然后将小的组件通过组合或者嵌套的方式构成大的组件,最终完成整体 UI 的构建。下面是一个简单的组件化例子:index.htmlindex.jsimport React, { Component } from 'react';import ReactDOM from '
2017-08-29 16:56:47 2795
原创 使用NPM配置React环境及Webpack热加载
(需要本机具有NodeJS环境)1.创建项目文件夹2.初始化项目打开命令行,定位到所创建的目录下,执行 "npm init" 命令后根据提示输入,如下图:3.安装依赖在命令行执行入下命令: npm install -g --save react react-dom babelify webpack webpack-dev-server npm instal
2017-08-28 15:01:10 514
原创 NPM配置国内源
无法翻墙的就看看如何配置国内的镜像源吧!安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.orgPS: -g 表示全局安装 -registry 表示从什么地方加载 npm查看版本用 npm -v ,那么cnpm查看版本用 cnpm -v安装模块$ cnpm instal
2017-08-28 10:21:23 1575
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人