React基础语法03-引入本地图片和服务器图片的方法

import photo from '../asset/images/photo.jpg';
//引入本地图片
<img src={photo} className="App-logo" alt="photo" />

{/* es5的写法 */}
<img src={require('../asset/images/photo.jpg')}  alt="logo" />

import React, { Component } from 'react';
import photo from '../asset/images/photo.jpg';
import '../asset/css/index.css'
class Home extends Component {
    constructor(){
        super();
        //react定义数据
        this.state={
            name:'我是一个组件页面哦',
            title:'我是一个title',
            color:'test',
            style:{
                color:'blue',
                fontSize:'80px'
            }
        }
    }
    render() {
        return (
        <div> 
        <img src={photo} className="App-logo" alt="photo" />
        {/* es5的写法 */}
        <img src={require('../asset/images/photo.jpg')}  alt="logo" />
        </div>
        )
    }
}
export default Home;

<img  src="http://www.intmote.com/star.png"/>