我最近购买了一个引导程序主题，并试图将其应用于我的React项目。项目中的某些方面在body标记结束之前的页面底部加载了脚本，我不确定将它们放在react组件的哪里。举个例子：
<body>
//some elements here
<script type="text/javascript" src="assets/js/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/popper.min.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.js"></script>
</body>
我将把这个代码放在React组件的什么位置？我在div标记结束前尝试过，但没有成功。
要么将其添加到公用文件夹的index.html中，假设您使用的是create-react-app
或者您可以通过编程方式添加它，例如：
function FreshChat(props) {
const body = useRef();
useEffect(() => {
const fc_JS = document.createElement('script');
if (!window.fcSettings) {
fc_JS.type = 'text/javascript';
fc_JS.src = 'https://my-source-of-js.com/js/yourjs.js';
if (body.current) {
body.current.appendChild(fc_JS);
}
}
return () => {
body.current = null;
};
}, [body]);
return <div ref={body} className="print:hidden" />;
}