react-slick 自定义分页分页道具使用答案

【问题标题】：react-slick custom paging paging prop usagereact-slick 自定义分页分页道具使用
【发布时间】：2017-03-31 21:56:12
【问题描述】：

我已经将 props 设置为传递给 react-slick Slider，如下所示：

const settings = {
    customPaging: function(i) {
        return <a><div>{`Test ${i}`}</div></a>
    }
};

并将其传递到滑块中：

<Slider {...settings}>
    {this.Slides()}
</Slider>

然而，当我测试组件时，我没有得到我期望的自定义分页 - 我希望看到文本“测试 0”，但我仍然看到默认点。我查看了文档中的自定义分页示例，发现与我所做的不同。

有人有什么建议吗？

【问题讨论】：

您能解释一下“不工作”是什么意思吗？当您尝试在不带大括号的情况下进行字符串插值时，您提供的 JSX 看起来是错误的。应该是<a><div>{`Test ${i}`}</div></a> 或直接<a><div>Test {i}</div></a>
已针对正确的字符串插值进行了更新 - 不起作用我的意思是提供回调函数似乎被忽略了。我希望看到第一张幻灯片的文本“测试 0”而不是一个点，但我仍然得到一个点。
尝试发布更多代码，这似乎还不够。

【解决方案1】：

我发现了问题/解决方案：

我在 react-slick@0.14.2 上，其中不包括自定义分页的更新 - 升级到最新版本的 react-slick 已经解决了这个问题

【讨论】：