#私藏项目实操分享#【练习案例React四】react中传入图片得问题小结

2022-04-26 09:59:19

前言

我是歌谣我有个兄弟巅峰的时候排名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得属性就不会报错了

运行结果

#私藏项目实操分享#【练习案例React四】react中传入图片得问题小结