【练习案例React四】react中传入图片得问题小结

目录

前言

 导语

引入图片得方式

运行结果

前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷

 导语

继续上次得开发继续说 遇到两个问题

引入图片得方式

//弹性布局
import React, { Component } from 'react';
//引入图片得方式
import nuli from './img/nuli.jpg'


class Flex extends Component {
  state={

  }
  render(){
      return <div>
          <img src={nuli} alt="努力" style={{width: '100px',height: '100px'}} />
      </div>
  }
}


export default Flex;

还出现了一个warning img elements must have an alt prop, either with meaningful text,

需要给图片去加一个alt得属性就不会报错了

运行结果