在react中删除错误路径上的位置路径名图标

import React, { useState } from 'react';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faExclamationCircle } from '@fortawesome/free-solid-svg-icons';

const MyComponent = () => {
  const [errorPath, setErrorPath] = useState('');

  const handleDeleteErrorPath = () => {
    // 处理删除错误路径的逻辑
    setErrorPath('');
  };

  return (
    <div>
      {errorPath && (
        <div>
          <FontAwesomeIcon icon={faExclamationCircle} />
          <span>{errorPath}</span>
          <button onClick={handleDeleteErrorPath}>删除</button>
        </div>
      )}
      {/* 其他组件内容 */}
    </div>
  );
};

export default MyComponent;