Django 模板中复杂的自定义 React 组件

问题描述

我已经基于 react-chatbot-kit 制作了一个自定义的 React 组件，它与 React 配合得很好。但是，我现在想在 Django 模板中使用相同的组件。

曾尝试查看 browserify、webpack，但没有帮助，因为 Web 教程使用非常简单的组件（如 Hello World 或类似组件）来展示如何操作。事实上，有些教程甚至在遵循每一条指令后都没有按照应有的方式工作。

我需要帮助才能在 Django 模板或任何 HTML 中使用/显示我的自定义 React 组件。提前致谢。

以下是 App.js 中用于显示 chatbot 组件的代码。

import React from "react";
import './App.css';
import chatbot from 'react-chatbot-kit';

import ActionProvider from './components/react-chatbot-kit/ActionProvider';
import MessageParser from './components/react-chatbot-kit/MessageParser';
import config from './components/react-chatbot-kit/config';


function App() {
  return (
    <div className="App">
      <header className="App-header">
          <chatbot 
            config={config} 
            actionProvider={ActionProvider} 
            messageParser={MessageParser} 
          />
      </header>
    </div>
  );
} 

export default App;

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）