antd vue里面有插槽和作用域模板组件如何改写成函数式组件

Question

之前刚刚入门vue，基础比较差。用的antd，最近在把表格部分模板组件改造成函数组件，现在涉及到slot和slot-scope的组件，就有点头大了。
比如下面的

renderXX(){
    return (
        <a-table ref="dataTable" {...{ props, scopedSlots: { ...this.$scopedSlots } }} {...{ on: { change: (pagination, filters, sorter) => this.tableControllerChange(pagination, filters, sorter) } }}>
            <span slot="operation_number" slot-scope="text, record">{{text}}</span>
        </a-table>
    )
}    

例子里的span里面是照抄模板写法的，怎么在函数组件里表达出来？或者说实现相同的功能？求教大佬们，谢谢！
顺便求教官网对于表格的“自定义筛选菜单”的demo里的

<div 
  slot="filterDropdown"
  slot-scope="{ setSelectedKeys, selectedKeys, confirm, clearFilters, column }"
  style="padding: 8px"
>...

虽然我用其他方法实现了，但是也想知道有没有正规的方法

Answer 1

参考https://segmentfault.com/q/10...