react全家桶3-react

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/m0_37975886/article/details/86571791

上一篇文章react全家桶2-babel7已经提到了一些react相关
下载包

npm install --save react react-dom react-router-dom

测试jsx代码

index.js

import React from 'react';
import ReactDom from 'react-dom';
ReactDom.render(
  <div>啦啦啦</div>,
  document.getElementById('root')
）

现在写一个react组件App.js 并引入，具体的react语法，还是看官方文档

import React, {Component} from 'react';
export default class App extends Component {
    render() {
        return (
            <div>
                Hello,React!
            </div>
        )
    }
}

import React from 'react';
import ReactDom from 'react-dom';
import App from './views/App';
ReactDom.render(
    <App />,
    document.getElementById('root')
)

由于开启了热更新，如果不出错可以直接在浏览器上看到‘Hello,React’