React从入门到精通（一）——简单Demo

React是一个用于构建用户界面的JavaScript库。它起源于FaceBook，公司的大部分网站都使用这种支持。国外很多著名的项目（如Scratch）也是基于此开发的。安装1.安装脚手架工具create-react-app进入命令行终端，输入（需要先安装node）npminstall-gcreate-react-app安装完成后，可以看到AppData下有create\漫游\npm目录-react-app这个文件，使其可以全局运行。2.在项目目录目录位置打开命令行。输入：create-react-appprojectname将创建项目。创建文件目录Node-modulespubliclibrary公共页面icosrccode用vscode打开项目，通过终端运行npmstart，启动开发版。要掌握React，首先要掌握他的写作风格。看代码Index.js导入React和ReactDOM基础类，index.css（包含一些网页的通用css），导入组件App。执行ReactDOM.render(,document.getElementById('root'));将App组件渲染到网页。App()函数定义组件的呈现方式。这是React的一种特殊写法，返回html的内容。然后使用“exportdefault”将其导出以供其他文件使用。这里使用的css是App.css。请注意，关键字class必须完成className。以上是一个基本的demo。当然，单独开发大型项目太单薄了。下一章介绍前端框架。