reactのLinkでダウンロードボタン作る

2020-12-18 15:52:28

antd使ってるけど、違うcomponent使えばOKなはず

import * as React from 'react'
import { Button } from 'antd'
import { DownloadOutlined } from '@ant-design/icons'
import { Link } from 'react-router-dom'

export const DownloadButton: React.FC= () => {
  return (
    <Link to="/test.txt" download="ファイル名前.txt" target="_blank" >
    <Button
     type="primary"
     icon={<DownloadOutlined />}
    />
    </Link>
  )
}