React-浏览器调用下载

当下载链接为浏览器可以识别的文件如图片时，浏览器会直接打开文件不会下载，如何解决这个问题可以调用form表单请求

/ / 下载功能
  downloadDetailData = (record) => {
    let formElement = document.createElement('form');
    formElement.style.display = 'display:none;';
    formElement.method = 'post';
    formElement.action = `${api.fileDownload}`; // 请求地址
    let inputElement = document.createElement('input'); // 参数1：文件路径
    inputElement.type = 'hidden';
    inputElement.name = 'filePath';
    inputElement.value = record.contractUrl;
    let inputElement2 = document.createElement('input'); // 参数2: 文件名
    inputElement2.type = 'hidden';
    inputElement2.name = 'fileName';
    inputElement2.value = record.contractName;
    formElement.appendChild(inputElement).appendChild(inputElement2);
    document.body.appendChild(formElement);
    formElement.submit();
    document.body.removeChild(formElement);
  }