React内联方式使用backgroundImage

先贴一下 完整代码 ,不麻烦但容易忘就整理一下

针对项目内图片文件

不推荐用require引用图片

      <div style={
  
  { backgroundImage: `url(${bgImg})`, ...extraStyle }} />
      //不推荐，代码复用性差  
      <div
        style={
  
  {
          backgroundImage: `url(${require("./12.jpg")})`,
          ...extraStyle
        }}
      />

针对Url

      <div
        style={
  
  {
          backgroundImage: `url('https://via.placeholder.com/500')`,
          ...extraStyle
        }}
      />
      <div
        style={
  
  {
          backgroundImage: `url('${external}')`,
          ...extraStyle
        }}
      />

今天的文章React内联方式使用backgroundImage分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。