在React中设置div组件的背景图片时，如何检测断开的链接？

import React, { useState } from 'react';

const MyComponent = () => {
  const [isImageBroken, setIsImageBroken] = useState(false);

  const handleImageError = () => {
    setIsImageBroken(true);
  };

  return (
    <div>
      {isImageBroken ? (
        <span>链接已断开</span>
      ) : (
        <div
          style={{
            backgroundImage: 'url(path/to/image.jpg)',
            width: '200px',
            height: '200px',
          }}
          onError={handleImageError}
        ></div>
      )}
    </div>
  );
};

export default MyComponent;