时间戳

首页 > 解决方案 > 在滑块中添加指向按钮的链接

reactjs - 在滑块中添加指向按钮的链接

问题描述

我是 React 的新手 :) 我需要帮助为轮播中的每个项目添加指向每个按钮的链接，这是小提琴：

https://jsfiddle.net/varulv/tuhebzgL/latest/

const slideData = [
{
  index: 0,
  headline: 'CNN',
  button: 'Read More',
  src: 'assets/media/uploads/news13.jpg' },

谢谢你。

标签： reactjs

解决方案

您可以在数据中添加属性link，将其添加到道具中

const { src, button, link, headline, index } = this.props.slide;

然后像这样创建你的按钮元素：

React.createElement("button", { className: "slide__action btn" }, React.createElement("a", {href: link},
button));

我在这里编辑了你的小提琴（链接是虚拟的）

推荐阅读