react入门，基础案例

react起源于Facebook的内部项目，在2013年开源，它是一个用于构建用户界面的JavaScript库

特点：1：组件思维 2：单向数据流 3：虚拟dom节点

首先安装react脚手架：npm i  -g create-react-app

创建react：create-react-app 项目名称

运行项目：切换到项目目录，然后 npm run start 

下面是react项目的目录结构

接下来做一个小案例，看看react是怎样渲染文本的

页面效果图

 看不懂？没关系，看下下面的笔记就懂了

那么如何给文本添加样式呢？案例如下

 页面效果

下面是如何添加事件，值得注意的是，react添加事件大致和原生js一致，但是需要驼峰命名，一起看下图

 

效果图

 

再来看下笔记

 

还有react组件和它的类型

 

页面效果

 

以上就是react的基础，感谢观看