Reactjs 盖茨比<；部门>；仅在刷新时显示

我已经使用Netlify代码段注入功能在我的网站中注入了一个脚本，并使用div访问它

<div data-mantis-zone="captain-jack"></div>

当我从家导航到

所在的博客文章时，它只在我刷新页面时加载

---

当我来自不同的页面时，有没有办法强迫盖茨比刷新div？

这不是故意的，这是一种奇怪的行为，但是你可以使用

useffect

+

useState

钩子

const YourPage = ()=>{
  const [emptyState, setEmptyState]=useState("");

  useEffect(()=>{
    setEmptyState(" ");
   
  }, [])

return <div>
    <div data-mantis-zone={`captain-jack ${emptyState}`}></div>
</div>

}

constyourpage=（）=>{
const[emptyState，setEmptyState]=useState（“”）；
useffect（（）=>{
setEmptyState（“”）；
}, [])
返回
}

触发

useffect

后（加载DOM树时），此代码段将强制对

进行再水化。因为

保持的状态会因

useffect

钩子而改变

总的来说，这是一种肮脏的方法，您应该调试为什么不在Netlify中加载该脚本，并找到更好的解决方案