我的反應腳本不會上傳到我的網頁上，它根本不顯示。當我檢查控制臺時，它說但我的腳本中Uncaught ReferenceError: require is not defined沒有任何內容。require()此外，這不是我的反應腳本不會上傳的唯一網頁（并且其他網頁控制臺沒有顯示該訊息）。我錯過了什么嗎？我為頁腳做了同樣的事情，并且有效，但事實并非如此。
import React, { useState } from "react";
function TicketCounter() {
const [counter, setCounter] = useState(0);
const incrementCounter = () => {
setCounter(counter 1);
};
const decrementCounter = () => {
if (counter !== 0) {
setCounter(counter - 1);
}
};
return (
<div className="ticket-options">
<div className="option-adult">
<p>Adult Tickets (16 )</p>
<div className="ticket-amount">
<button
className="arrow-up"
onClick={incrementCounter}>
<img src="images/arrowup.png" alt="arrow pointing upwards"/>
</button>
<span className="number">
textContent = {counter}
</span>
<button
className="arrow-down"
onClick={decrementCounter}>
<img src="images/arrowdown" alt="arrow pointing downwards"/>
</button>
</div>
</div>
<div className="option-minor">
<p>Minor Tickets (15-)</p>
<div className="ticket-amount">
<img
src={'../images/arrow.png'}
alt="arrow up"
className="arrow-up"
onClick={incrementCounter}
/>
<span className="number">
textContent = {counter}
</span>
<img
src={'../images/arrow.png'}
alt="arrow down"
className="arrow-down"
onClick={decrementCounter}
/>
</div>
</div>
</div>
)
}
ReactDOM.render(<TicketCounter />, document.querySelector(".react-insert"));
以防萬一，這就是我在 html 頭中的內容：
<script crossorigin src="https://unpkg.com/react@17/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
以及我在 html 中的內容，正文結尾：
<script src="/scripts/footer.js" type="text/babel"></script>
<script src="/scripts/tickets.js" type="text/babel"></script>
我<div ></div>主要有。
uj5u.com熱心網友回復：
在這種情況下，您不需要：
import React, { useState } from "react";
可以直接useState解構得到React；
const { useState } = React;
通過在 HTML 中包含react dev 腳本React，您甚至可以從開發人員控制臺直接/全域訪問。
但請記住，Babel Standalone 旨在成為在線除錯和討論代碼的便捷工具（例如 Stack Snippets 中的 Stack Overflow），而不是用于生產目的。您可以在此處閱讀檔案。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/498238.html
標籤：javascript html 反应