1. 程式人生 > >React學習之旅----引入圖片

React學習之旅----引入圖片

import React from 'react';
// 引入本地圖片,需以元件的形式引入,而遠端圖片則不需要
import logo from '../assets/images/logo.svg';
class News extends React.Component {
  constructor(props) {
    super(props) // 用於父子元件傳值
    this.state = {
      width: '100px'
    }
  }
  render () {
    return (
      <div>
        <ul>
          <li>
            新聞元件
            <img src={logo} width={this.state.width} />
            <img src='https://avatar.csdn.net/9/8/5/1_qfxlw.jpg?1539742992' />
          </li>
        </ul>
      </div>
    )
  }
}
export default News