我最近從 D3 + React 教程系列中看到了這個視頻。在此視頻中，為了調整圖表的大小，創建了一個自定義掛鉤，它使用ResizeObserver：const useResizeObserver = ref => {  const [dimensions, setDimensions] = useState(null);  useEffect(() => {    const observeTarget = ref.current;    const resizeObserver = new ResizeObserver(entries => {      entries.forEach(entry => {        setDimensions(entry.contentRect);      });    });    resizeObserver.observe(observeTarget);    return () => {      resizeObserver.unobserve(observeTarget);    };  }, [ref]);  return dimensions;};正如本文（以及許多其他文章）所討論的，我以前總是看到 / 在viewBox屬性之前使用過，以使 SVG 具有響應性。我的問題是：是否有理由（性能、簡單性）使用這個自定義掛鉤而不是簡單地使用？使用，我不需要創建自定義掛鉤，也不需要在我的 SVG 周圍使用包裝器 div（正如他在視頻中解釋的那樣），或者必須使用... viewBox 似乎更簡單。然而，顯然是一個獲取元素尺寸的新 API，也許使用它比 viewBox 有一些不明顯的優勢。useResizeObserverviewBoxviewBoxrefsResizeObserver