gg-editor flow流程图使用
抽成组件，用withPropsAPI裹住Flow即可使用api
如下：
import React from 'react';
import { message } from 'antd'
import { Flow, withPropsAPI } from 'gg-editor';
import { ref } from 'react.eval'
import styles from './index.less';
class FlowBody extends React.Component {
constructor(props: any) {
super(props);
ref(this);
}
save =()=>{
const { propsAPI } = this.props;
// 打印数据的JSON
message.info(JSON.stringify(propsAPI.save()));
};
render(): React.ReactNode {
const { data } = this.props;
return
}
}
export default withPropsAPI(FlowBody);
在外层替换掉Flow即可，这里的 ref 可以参考我另外一篇文章 React父子同级传值react.eval，是用来同级通讯的。
FlowItemPanel（操作面板） 里添加个save的图标调用FlowBody的save方法即可保存。
官方Demo地址：http://ggeditor.com/demo/#/flow
我写的Demo地址：https://www.veigar.top/editorflow
我的Demo地址是用netify布的，国内访问可能慢
作者：wscwj8
相关文章
Delicia
2021-04-26
Jenny
2020-09-27
Ruth
2022-07-15
Winema
2022-08-05
Tanisha
2022-08-07
Camille
2022-10-14
Catherine
2022-11-05
Fawn
2022-11-05
Rayna
2022-11-05
Rae
2022-11-05
Iria
2022-11-06
Jessica
2022-11-06
Cybill
2022-11-06
Chynna
2022-11-06
Gaia
2022-11-06
Nita
2022-11-06
Agnes
2022-11-09