react的基础知识（一）

• 概念

       react 是目前最流行的框架；采用 mvvm 的思想，让我们把所有的只关注视图层和逻辑层,从而可以更好的书写代码；

　　在 react 中我们的 html 结构也是通过 js 来实现的，而且在 nodejs 中我们也是通过 js 来实现的服务端，由此可见 js 的能力也是逐渐的变大；

• 快速入手（安装）

  npm install create-react-app -g   进行全局安装

  create-react-app 文件名称

 如果完成上述命令报错：

 可能是因为版本问题，通过node-v进行查看node版本  然后运行 下面的命令；

yarn config set ignore-engines true

 运行完后需要重新创建文件夹

create-react-app 文件名称

cd 文件名    -------->进入该文件

npm start   -------->启动项目

•  创建完脚手架  对脚手架目录的简答了解

 

•  src目录中的index.js是入口文件 

 

 两种方法

// ReactDOM.render(
//   <React.StrictMode>
//     <App />
//   </React.StrictMode>,
//   document.getElementById('root')
// );



//两种方法

ReactDOM.render(<App/>,document.getElementById('root'))

 第一种更加严格的渲染出App组件中的内容