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

猜你喜欢

转载自blog.csdn.net/qfxlw/article/details/83105758
今日推荐