如何将数据从Map函数下载到文本文件中？我有以下资料：

const downloadTxtFile = () => {
    const element = document.createElement('a');
    const file = new Blob([document.getElementById('result').innerHTML], { type: 'text/plain' });
    element.href = URL.createObjectURL(file);
    element.download = 'Capture_Download.txt';
    document.body.appendChild(element); // Required for this to work in FireFox
    element.click();
  };

它可以工作并下载一个包含数据的文件，但我只得到文件中的第一个结果。

{data.map((result, i) => (
            <div className='py-1'>
              <span className='font-mono' id='result'>
                <pre>
                  <span className='text-xs text-gray-400 font-mono'>Capture {i} : </span>
                  <code >{result}</code>
                </pre>
              </span>
              <br />
            </div>
          ))}

这个 result 类似于：
捕捉0:0.15
捕捉1:1.68
捕捉2:0.26
捕获3：没有底价
但我只得到了 <pre><span class="text-xs text-gray-400 font-mono">Capture 0 : </span><code>0.15</code></pre> 在文件中。如何在文件中获得最终结果？