React自学笔记(一)---React创建组件、绑定属性、引入图片

在安装完成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>