Reactjs 自定义分页面板DevExpress-Reactive

我需要通过以下方式自定义我的分页面板：

我不需要选择每页的行，而是需要将所有大小呈现为按钮

我不需要渲染显示的行数

也许我需要自定义按钮

据我所知，我需要创建自己的插件，这是我尝试的：

const CustomPagingPanel = ({ pageSizes }) => {
  const dep = [
    { name: 'PagingState' },
    { name: 'CustomPaging' },
  ]

  return (
    <Plugin 
      name="CustomPagingPanel"
      dependencies={dep}
    >
      <Template name="paging" >
        <TemplatePlaceholder />
        <div>Hi, I'm Custom Paginng Panel</div>
      </Template>
    </Plugin>
  )
}

const CustomPagingPanel=（{pageSizes}）=>{
常数dep=[
{name:'PagingState'}，
{name:'CustomPaging'}，
]
返回(
嗨，我是定制分页面板
)
}

我在网格组件的PagingPanel之后添加了这个插件，但它不会在任何地方呈现。

---

我做错了什么？如何从PagingState获取所有状态并呈现我的组件而不是PagingPanel？

我建议您覆盖PagingPanel插件的containerComponent属性。这是一个例子