React初体验（reaction）

组件（Component）是React界面的基本元素，在界面上看到的元件都可定义为组件，组件有自己的逻辑和外观。组件的定义以大写字母开头，如下：

function Button1() {
 		return <button>Button1</button>
}

暴露一个组件，用export, 让其可被其他文件访问：

export default function MyApp {
		return (
    		<div>
      			<h1>Welcome to my app!</h1>
      			<Button1 />
      	</div>
    );
}

React将标签、样式、js揉合到一起来创建组件。组件是一种可重用的元素，有点类似于其他变成语言里的类。

React推荐使用JSX编写标签，就是标签必须成对，如在html中可用<br/>。若采用JSX的话，要使用<br><br/>

useState

以use开头的函数被称为钩子（Hook）。useState是React提供一个内置函数。钩子比普通函数更为严格。你只能在你的组件的顶层调用钩子。就目前我用到的情况来看，钩子可以将用户在钩子上声明的变量和函数在组件内传递。相当于为组件定义了对应的属性和方法。

useState的使用方法：

import { useState } from 'react';

export default function MyApp() {
		const [cnt, setCnt] = useState(0);
  	function doClick() {
    		setCnt(cnt + 1);
    }
}

准备本地开发环境

我的环境win10:

访问：https://react.docschina.org/learn/tutorial-tic-tac-toe，点击下图标记的Fork打开开发沙箱，

导出zip文件到本地：

解压zip文件得到reactdev文件夹，进入文件夹：

以管理员身份打开PowerShell，确保你已安装nodejs，

依次运行npm install, npm start

启动成功，如下：

我用的是visual studio code，代码修改后，浏览器中的网页会自动刷新，