【自学】4.24 Pubsub/x6

最新推荐文章于 2023-10-23 02:21:58 发布

原创最新推荐文章于 2023-10-23 02:21:58 发布 · 258 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript

本文探讨了PubSub发布订阅模式与Redux状态管理的相似性，并展示了如何使用PubSub进行消息传递。同时，详细阐述了在X6中注册和使用React组件的过程，包括组件注册代码示例及实际创建节点的应用。通过这种方式，读者可以更好地理解和应用这两种技术。

自学

Pubsub发布和订阅其实和redux差不多

PubSub.publish(data?.operatorType || 'message', data)
PubSub.subscribe('profiler', (_, message) => {})

x6注册React组件

Object.keys(operators).forEach(operatorName => {
  const Component = operators[operatorName];
  Graph.registerReactComponent(
    operatorName,
    (node) => <AntdConfigProvider><AppProvider><Provider><Component node={node} /></Provider></AppProvider></AntdConfigProvider>
  )
})

//使用
   const node = graph.createNode({
        component: xxx, //这个component就是注册的组件
   });