我用Node、Express建立了一個網站，想添加一個用React和JJSX建立的頁面。
我已經將Babel安裝為npm包，并將React作為一個腳本添加到index.html中：
<script src="https://unpkg.com/react@17/umd/react.development.js"/span> crossorigin></script>
<script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"/span> crossorigin> </script>
和主模塊
<script src="./js/Main.js"> </script>
我的問題是如何正確地將一個子組件匯入一個父組件。
假設我想將'./components/Message.js'匯入'Main.js'中。 到'Main.js'中，就像這樣
function Main() {
return (
<div>
<h1>Hello World</h1>
<Message />/span>
</div>
)
}
const renderDiv = document.getElementById('chat-module')
ReactDOM.render(<Main /> , renderDiv)
為了做到這一點，我需要將Message.js匯入到Main.js中，但是
從'components/Message'中匯入Message。
給出了 Uncaught SyntaxError: 不能在模塊外使用匯入陳述句錯誤。
到目前為止，我發現的唯一解決方案是將Message.js作為一個腳本添加到index.html中，并從Main.js中呼叫它作為window.Message
。這是唯一可用的解決方案，還是有更合適、更有效的方法來連接這些組件？
注意：作為提醒，我沒有使用npx的create-react-app。這是一個用Express構建的現有應用程式。
uj5u.com熱心網友回復：
你是否嘗試過<script type="module" src="./js/Main.js">？
參考文獻。https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/326337.html
標籤：
上一篇："React未被定義"
下一篇：將狀態從父組件傳遞給子函式