react的ant design组件的里的组件不太满足我的需要，我需要在它的这些组件基础上，开发我自己的组件，比方说基于ant design的Button组件，我需要扩展为带有权限的组件，怎么写呢

可以通过继承Ant Design中的Button组件，然后在扩展的子类中添加权限控制的代码。以下是一个示例：

import React from 'react';
import { Button } from 'antd';

class PermissionButton extends Button {
  constructor(props) {
    super(props);
    this.state = {
      hasPermission: false, // 是否有权限
    };
  }

  componentDidMount() {
    // 在组件挂载后，可以通过调用接口获取权限信息
    // 如果有权限，则将hasPermission设置为true
    // this.setState({ hasPermission: true });
  }

  render() {
    const { hasPermission } = this.state;
    const { permission, ...restProps } = this.props;
    // 如果没有权限，则返回null，不渲染按钮
    if (!hasPermission) {
      return null;
    }
    // 否则，渲染Ant Design Button组件，并传递其他props
    return (
      <Button {...restProps} />
    );
  }
}

export default PermissionButton;

在上面的代码中，我们继承了Ant Design中的Button组件，并添加了一个名为hasPermission的state和一个名为permission的prop。在componentDidMount生命周期中，可以调用接口获取权限信息，如果有权限，则将hasPermission设置为true。在render方法中，我们首先获取hasPermission和其他props，如果没有权限，则返回null，不渲染按钮。否则，渲染Ant Design Button组件，并传递其他props。

使用这个组件时，只需要传递一个permission的prop即可：

<PermissionButton permission="edit" type="primary">编辑</PermissionButton>

当然，这只是一个示例，具体实现还需要根据你的实际需求来设计。