Reactjs 如何在某些滑块上添加按钮或文本

我是react的新手，尝试使用react awsome滑块它工作正常，但我想在滑块图像上添加按钮和文本，但不知道如何做到这一点

这是我的滑块组件

import React, { Component } from 'react'
import slider1 from '../images/slider/1.jpg'
import AwesomeSlider from 'react-awesome-slider'
import withAutoplay from 'react-awesome-slider/dist/autoplay'
import 'react-awesome-slider/dist/styles.css'

const AutoplaySlider = withAutoplay(AwesomeSlider)

class Slider extends Component {


  render () {
    return (
      <div className='slider-area'>

        <AutoplaySlider
          play
          cancelOnInteraction={false} // should stop playing on user interaction
          interval={6000}
        >
          <div data-src={slider1} />
          <div data-src={slider1} />
          <div data-src={slider1} />
        </AutoplaySlider>

      </div>

    )
  }
}

import React，{Component}来自“React”
从“../images/slider/1.jpg”导入slider1
从“react awesome slider”导入AwesomeSlider
使用“自动播放”从“滑块/距离/自动播放”导入
导入'react/dist/styles.css'
常量自动播放滑块=带自动播放（AwesomeSlider）
类滑块扩展组件{
渲染（）{
返回(
)
}
}

如果有人能帮助我，我将不胜感激。

---

谢谢

将

箭头设置为false，并提供
按钮右键
和
按钮左键
。它会起作用的

-它显示自定义文本而不是箭头。您可以添加一个按钮等

代码片段


您是否尝试过使用@Harikrishnan中提到的
customContent
道具？是的，我尝试过，但没有成功
const welcome='welcome'返回（
我就是这样做的我不想更改箭头只想添加另一个按钮和文本请签出此链接，如了解更多按钮和此链接上的文本您可以使用任何元素/文本/样式。。.我已经更新了codesandbox中的代码，并为您制作了一些样式…只需根据您的需要扩展样式…刷新codesandbox链接以查看自定义的代码…收到了感谢您能告诉我如何在我的滑块图像上添加文本我正在图像src div中使用段落标记，但它不起作用我添加了一个按钮还有一些图片上的文字…刷新代码沙盒以查看更新…现在所有关于图片上内容的样式…请继续并做自己的样式..谢谢。。