React 入门基础

React 基础入门准备

环境搭建

1. npm install create-react-app -g 安装react脚手架
   npm install yarn -g 安装yarn react依赖项是通过yarn管理的
2. 直接使用JS库引入

<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>

会Vue或者小程序的可能会稍微好理解一点
React在入门的时候那种写法和概念对于新手来说不是那么容易理解
好了开始上手React 实践才是最实际的有效方法

这里用的是react 脚手架搭建的

create-react-app react-study  创建项目
cd react-study  进入项目
yarn start 启动项目

然后项目结构 入口文件 index.js

react01.png

后面主要在App.js 这个组件文件中去写组件 写逻辑交互