React入门记录

react

构建用户界面的Javascript库，采用jsx声明式语法构建视图层。以组件为基础开发。

安装

环境配置要求：已安装node版本6以上和npm

打开node终端 ，找到目标文件，安装脚手架工具

npm install -g create-react-app

不需要配置，一键安装，自动配置完备的测试框架，支持本地开发环境

create-react-app my-app

找到文件

cd my-app/

启动 

 npm start

目录结构

目录结构

 

JSX

JSX是javascript语法的扩展。

• JSX 执行更快，因为它在编译为 JavaScript 代码后进行了优化。
• 它是类型安全的，在编译过程中就能发现错误。
• 使用 JSX 编写模板更加简单快速。

props

组件对外的接口

state

组件对内的接口

组件生命周期

列表渲染和key