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

Posted 2023-02-25

【中文标题】react-slick 自定义分页分页道具使用

【英文标题】：react-slick custom paging paging prop usage

【发布时间】：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 已经解决了这个问题