依赖环境
安装node.js
下载地址 http://nodejs.cn/download/
选择合适的版本 10以上就行
下载以后 右键直接安装即可
1:安装
npx create-react-app myproject 启动react项目安装 备注 项目名称不能有大写
2:了解react的核对插件
"dependencies": {
"react": "^16.11.0",
"react-dom": "^16.11.0",
"react-scripts": "3.2.0"
},
react:就是基础语法库
react-dom主要包含三个API:findDOMNode、unmountComponentAtNode 和 render。
render用于将React渲染的虚拟DOM渲染到浏览器DOM,一般在顶层组件使用 用来渲染页面
render(ReactElement element,DOMElement container,[function callback])
findDOMNode用于获取真正的DOM元素,以便对DOM节点进行操作。当涉及复杂操作时,还有很多元素DOM API可用,然而DOM操作会对性能产生很大影响,所以,应当尽量减少DOM操作 (所以一般不适用)
import { findDOMNode } from 'react-dom';
<Example ref={ node=>{ this.node = node} }> // 利用ref获取Example组件的实例
const dom = findDOMNode(this.node); // 通过findDOMNode获取实例对应的真实DOM
react-scripts:就是命令管理
方便开发 vscode可以按照插件 建议删除掉js-css-html-Formatter
ES7 React/Redux/GraphQL/React-Native snippets
如果启动不了 修改 "start": "set BROWSER=none&&react-scripts start",