我在我的主 index.html 檔案中包含了一些 bootstrap js 腳本。但是這些腳本沒有加載到我的組件中。在我的組件中加載這些腳本的任何解決方案？
我的 index.html
Header.js 組件
當我將我的 Header 代碼粘貼到 index.js 中時，腳本會作業但不會加載到組件中。
uj5u.com熱心網友回復：
假設從您的第一個螢屏截圖開始，您必須確保添加的 CDN 位于正確的位置
然后從第二個快照我可以看到您在 ReactJSX 中使用了“class”而不是“className”，您不能像在 HTML 中那樣簡單地撰寫類屬性
你的代碼最終會拋出一個錯誤
uj5u.com熱心網友回復：
下面是一個例子：
class App extends React.Component {
render() {
return ( <
div > Test Example!! < /div>
);
}
}
ReactDOM.render( <
App / > ,
document.getElementById("root")
);
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material Icons" rel="stylesheet">
<!--Import materialize.css-->
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<!--Let browser know website is optimized for mobile-->
<!--Import React Js minified js-->
<script src="https://unpkg.com/react@15/dist/react.min.js"></script>
<!--Import React Js DOM minified js-->
<script src="https://unpkg.com/react-dom@15/dist/react-dom.min.js"></script>
<!--Import Babel Js-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.js"></script>
<!--Import external CSS-->
<link rel="stylesheet" href="main.css" />
<style>
</style>
</head>
<body>
<!--Root component of the app-->
<div id="root"></div>
<!--Import Jquery for materialize css-->
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<!--Import Application js files-->
<script type="text/babel" src="js/App.js"></script>
</body>
</html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/337012.html
標籤：javascript html 反应
上一篇：即使初始化了默認引數，TypeScript也會抱怨undefined
下一篇：在React中使用SCSS@exportedclassNames的更短方法（Next.js css-modules）