安装Reactnpmi-Sreactreact-domreact：react是React库的入口react-dom：提供DOM的方法，比如将创建的虚拟DOM渲染到该页面什么是ReactReact框架发展的中心思想是封装组件，以组件为核心而不是MVC。原因是Facebook的任务。当时（2013年之前）的前端框架都有前端培训，这并不是前端工程师真正想要的。因此，React框架：1.用于构建UI的JavaScript库2.React不是MVC框架，它只工作在View层。还记得jQuery时代，你先通过DOM找到元素，然后再改变UI。React的基本工作方式与此类似。不对的是传统原生Dom操作的性能问题通过虚拟Dom得到了改善，同时数据绑定解决了【selectors】不知疲倦地寻找某个DOM元素的尴尬。React框架一般包括以下几个概念：1.Components2.JSX3.VirtualDOM4.数据流HelloReact让我们通过一个经典的例子来看看React是如何工作的：importReact,{Component}from'react';import{render}from'react-dom';classHelloReactextendsComponent{render(){return
Hello{this.props.name}
;}}//加载组件到DOM元素中mountNorderender(HelloRick
。props作为组件的配置属性，在组件内部是不变的，只是在调用这个组件的时候传入不同的属性（比如这里的name）来自定义这个组件的显示。2.JSX来自上面的代码mountNorderender(