css - 我怎样才能在 Quick Jumper antd 分页中更改转到文本

Question

我尝试在 ant design 分页中更改转到文本。文档说使用 showQuickJumper={{ goButton: "Your text"}} 但结果是:

antd pagination go to text

如您所见，“转到”文本仍然可见。如何隐藏它？

Answer 1

showQuickJumper参数影响快跳方 block 的显示。
如果组件作为 goButton 值传递，那么它将显示为确认按钮。
为了实现所需的行为并将“转到”文本更改为另一个文本，您需要传递 locale 参数并覆盖 jump_to 属性。

<Pagination
  showQuickJumper={{
    goButton: <button>Your custom button to confirm</button>
  }}
  total={500}
  locale={{ jump_to: "Your text" }}
/>

不幸的是，文档中没有任何关于此的指示。它与 antd 版本 4.17.0 及更早版本相关