const Example = () => {
  const [headers, setHeaders] = React.useState(['Header 1', 'Header 2', 'Header 3']);
  const [content, setContent] = React.useState([['Content 1', 'Content 2', 'Content 3'], ['Content 4', 'Content 5', 'Content 6']])
  const [downloadUrl, setDownloadUrl] = React.useState('');
  
  
  const createDownUrl = () => {
    const fileHeaders = headers.join(' ');
    const fileContent = content.map(i => i.join(' ')).join('\r\n');
  
    const data = new Blob([`${fileHeaders}\r\n${fileContent}`]);
    setDownloadUrl(URL.createObjectURL(data))
  }
  
    return (
      <div>
        <button onClick={() => createDownUrl()}>
          Create download link
        </button>
        
        {downloadUrl && <a download={'Example.rtf'} href={downloadUrl}>Download</a>}
      </div>
    );
  };
  
  // Render it
  ReactDOM.render(
    <Example  />,
    document.getElementById("react")
  );

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/17.0.1/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/17.0.1/umd/react-dom.production.min.js"></script>
<div id="react"></div>