如何在reactjs中的背景图像上添加文本 从“React”导入React 从“../pics/agentian Tango.jpg”导入Tango const AboutPage=（）=>{ 返回( 欢迎使用：舞蹈日历应用程序 在这里，您可以保存并评论您喜爱的舞厅 舞美学校 查看和视频链接（&L） 查看并标记日历 ) } 导出默认值约页

在jsx中，将文本放入背景图像列表（4项）的最简单方法是什么？我尝试了一些内联样式，但没有成功。

您可以对文本和图像使用

位置：绝对

，并将它们放置在一个容器中，容器中的位置：相对

从“React”导入React
从“./logo.svg”导入徽标
导入“./App.css”
常量应用=（）=>{
常量样式={
位置：'绝对'，
左:0,，
排名：0，
}
常量文本项=[
“在这里您可以保存并评论您喜爱的舞厅”，
“舞美学校”，
“查看和视频链接（&V）”，
“查看并标记日历”，
]
常量集装箱样式={
位置：'相对'
}
const mappedItems=textItems.map（item=>
{item}
）
返回(

{mappedItems}

)
}
导出默认应用程序

您尝试了哪些内联样式？基本上使img成为绝对的，你可以使用backgroundimagecss属性作为一个div，我忘记了。

import React from 'react'
import Tango from '../pics/argentine-tango.jpg'

const AboutPage = () => {
  return (
    <div>
      <em>Welcome to:</em> <h1><em>Dance Calendar app</em></h1>
      <ul>
        <li>Here you can save & comment your favourite ballrooms</li><br />
        <li>Look and & danceschools</li><br />
        <li>Look and & videolinks</li><br />
        <li>Look & mark calendar</li>
      </ul>
      <img src={Tango} alt="Tango Dancing" />
    </div>
  )
}

export default AboutPage