javascript - react 触发调整大小但实际上不调整屏幕大小

Question

我试图在不实际调整屏幕大小的情况下触发调整大小，因为它修复了我的 slider 。

  window.dispatchEvent(new Event('resize')); 

上面的代码不起作用，有没有人有任何其他方法来触发 react 中的调整大小？

必须使用 jQuery:

jQuery(window).resize();

Answer 1

我认为您以错误的方式看待这个问题。

您不应该在初始 View 期间依赖调整大小。

因此，您的 slider 代码在调整大小方面存在问题，这在处理图像时很常见(在加载图像之前读取宽度)。

但如果你还想那样尝试

这可能取决于您将此事件发送到哪里？如果您在渲染 Slider 之前发送它，它将无法工作。

一个解决方案可能是使用 React.useEffect:

function MySlider() {
  React.useEffect(() => {
    // dispatch it once mounted
    window.dispatchEvent(new Event('resize')); 
  }, []);
  return <div>Your stuff</div>
}