GG-Editor flow 的节点 "删除"接口, 如何调用 ?

发布于 2022-09-12 01:19:52 字数 1079 浏览 10 评论 0

GG-Editor flow 如下图,工具栏的删除,或是右键菜单的删除,如何调用 ?

Screenshot from 2020-03-03 19-47-25.png

查看部分源码,"删除"用法与"保存"类同".于是将其写在一个组件里,可以调用,如下. 但如何与操作面板上的删除关联起来?

import React from "react";
import { Button } from "antd";
import { withPropsAPI } from "gg-editor";

class Remove extends React.Component {
  handleClick = () => {
    const { propsAPI } = this.props;
    const GgeditorRemove = propsAPI.remove()
    console.log(propsAPI.remove());
    return GgeditorRemove;
  };

  render() {
    return (
      <div style={{ padding: 8 }}>
        <Button onClick={this.handleClick}>删除</Button>
      </div>
    );
  }
}

export default withPropsAPI(Remove);

在父组件中调用,能打印相关信息:

//在父组件方法中调用
  handleSubmit = e => {
    e.preventDefault();
    const GgeditorRemove = this.refs.GgeditorRemove.handleClick()
    console.log(GgeditorRemove);
    ... ... 
    }
    
//在父组件中引用子组件
<Remove 
 ref="GgeditorRemove"
/>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文