React的安装

依赖环境

安装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",