在安装完成react后,通过任务管理器创建react项目。
打开项目后再终端运行npm start来运行项目
配置文件:
index.js
import React from 'react';
import ReactDOM from 'react-dom';
// import './index.css'; css可以删掉
//引入App.js这个组件
import App from './App';
//加快react运行速度的一个js文件
import * as serviceWorker from './serviceWorker';
ReactDOM.render(<App />, document.getElementById('root'));
// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://bit.ly/CRA-PWA
serviceWorker.unregister();
然后就是对于App.js主页面的设计:
如果要引用其他组件则需要通过创建后得以使用
import React, {
Component } from 'react';
import logo from './assets/images/logo.svg';
import './assets/css/App.css';
//引入Home组件
import Home from './components/Home.js'
//引入News组件
import News from './components/News.js'
class App extends Component{
//render 模板 jsx
render(){
return(
<div className="App">
你好react 根组件
<hr />
<Home></Home>
<News></News>
</div>