如何在 Django 讀取的單獨 static js 文件中獲取反應組件？ 最少需要安裝什么才能使其工作？

Question

需要做哪些修改？ 和/或為此工作最少需要安裝什么？

首先，在 static reactclasses.js 文件中，該文件僅包含此文件。 （還有什么需要補充的嗎？）

class Login extends React.Component {
    render() {
        return (
            <div id="login">
                <form action="/login" method="POST">
                    <input type="text" name="username" placeholder="Username" required/>
                    <input type="password" name="password" placeholder="Password" required/>
                    <input type="submit" value="Submit"/>
                </form>
            </div>
        );
    }
}

在 html 文件中

<!--- in the head tag --->
<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
<script src="{% static 'reactclasses.js' %}" type="text/babel"></script>

<!--- in a script tag with type=text/babel in the body tag -->
ReactDOM.render(<login />, document.querySelector("thediv"));

控制台錯誤圖像

Answer 1

前段時間想通了。。

這是如何做到這一點的詳細方案
https://dev.to/zachtylr21/how-to-serve-a-react-single-page-app-with-django-1a1l

和
JS 文件中的 React 組件 -- 要在 HTML 文件中的腳本中使用的 ReactDOM