如何解决如何在 react js 中添加内联脚本?
我正在将我的 HTML 站点转换为 react 和 body 标记下方,我有这个脚本可以切换我的移动导航
<script>
window.addEventListener("scroll",function () {
var nav = document.querySelector("nav");
nav.classList.toggle("sticky",window.scrollY > 0);
},{ capture: true });
$(document).ready(function () {
$('.fa-bars').click(function () {
$('nav ul').toggleClass('active-2');
})
});
</script>
然后一旦我转到另一个页面,导航按钮就会停止工作(即在我刷新页面之前它不会切换导航)
请问我该如何解决?
解决方法
也许你可以把它放在 componentDidMount 方法中:
componentDidMount() {
const script = document.createElement("script");
script.src = "your-script-path";
document.body.appendChild(script);
}
来自反应文档:
componentDidMount() 在组件安装(插入到树中)后立即调用。需要 DOM 节点的初始化应该在这里进行。如果您需要从远程端点加载数据,这是实例化网络请求的好地方。
https://reactjs.org/docs/react-component.html#componentdidmount
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。