使用post方式表单提交参数 下载文件

子组件：

import React, { Component } from 'react';

class FormDownLoad extends Component {
    render() {
        const { action = '', exportParams = {}} = this.props;
        return (
            <form
                ref={dom => this.ref = dom}
                action={action}
                method="post"
                style={{ display: 'none' }}
            >
                {
                    Object.keys(exportParams).map(key => <input type="text" name={key} value={exportParams[key]} key={key} />)
                }
            </form>
        );
    }
}

export default FormDownLoad;

父组件

 downLoad = () => {
        let { city, industry, keyValue, riskType } = this.state;

        let param = {
            city,
            industry,
            riskType,
            companyName: keyValue
        };

        this.setState({exportParams: param}, () => {
            this.downloadRef.ref.submit();
        });
    }


render(){

  let { exportParams} = this.state

   return <div>

                <DownLoadBtn downLoadClick={this.downLoad} />
                <FormDownLoad ref={r => this.downloadRef = r} action={`/api/v1.0/merchants/monitor/risk/${riskType}/download`} exportParams={exportParams}/>

            </div>

}

效果图

image.png
image.png