GG-Editor flow 的节点 "删除"接口, 如何调用 ?
GG-Editor flow 如下图,工具栏的删除,或是右键菜单的删除,如何调用 ?
查看部分源码,"删除"用法与"保存"类同".于是将其写在一个组件里,可以调用,如下. 但如何与操作面板上的删除关联起来?
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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论