学生沐阳的博客

React调试工具的安装和使用现在已经可以写一些简单的React代码了但经常使用console.log来调成程序显得很傻React在浏览器端是有一个调试工具，React developer tools,这是React人比必下的一个调试工具！React developer tools的三种状态React developer tools有三种颜色，三种颜色代表三种状态灰色: 这种就是不可以使用，说明页面不是用React编写的黑色: 说明页面是用React编写的，并且处于线上环境红色: 说明页面

JSX防踩坑JSX代码注释这样写注释是错误的，如果放在Fragment标签外面还算正常，放在里面就不是注释<Fragment>// 这样写注释是错误的<div> <input value={this.state.inputValue} onChange={this.inputChange.bind(this)} /> <button onClick={this.addList.bind(this)}>增加服务</button&g

服务菜单最好的学习就是在实战中成长，做一个《小姐姐服务菜单》应用，练习前面的知识和学习新知识新建小姐姐组件先在SRC的目录下面，新建一个文件Xiaojiejie.js然后写一个基本的HTML结构import React,{Component} from 'react';class Xiaojiejie extends Component{ render(){ return ( <div> <div

React开发环境搭建在搭建React开发环境前，需要安装NodeNode.js安装使用React.js可以使用最原始的这实在太low，工作中也不会有这种引入形式因此采用脚手架形式的安装，需要Node.js，用里面的npm来进行安装Node中文网址：http://nodejs.cn/node -vnpm -v脚手架安装Node安装好后，使用npm命令安装脚手架工具npm install -g create-react-appcreate-react-app是React官方出的脚手架工具