ChatUI Pro怎样在ant design pro中使用

[koupeng]

ChatUI Pro怎样在ant design pro中使用

[akai]

用这样的方式

import React, { useEffect, useRef } from 'react';

export default () => {
  const wrapper = useRef();

  useEffect(() => {
    const bot = new ChatSDK({
      root: wrapper.current,
      config: { /* ... */ },
      requests: { /* ... */ },
      handlers: { /* ... */ },
    });

    bot.run();
  }, []);

  return (
    <div ref={wrapper} />
  );
}

不过 ChatUI Pro 有一些全局样式，建议你还是做成单独的页面，或者样式隔离