node.js - 如何从 antd 将 csrf token 传递给上传组件？

Question

在传递 csrf token 时的表单中，我使用隐藏输入来传递 long 值。

<Form method="post" action="/account/user" onSubmit={this.onSubmit}>
  <Input name="_csrf" type="hidden" value={this.state.session.csrfToken} onChange={()=>{}}/>
  <FormGroup row>
    <Label sm={2}>Name:</Label>
    <Col sm={10} md={8}>
      <Input name="name" value={this.state.name} onChange={this.handleChange}/>
    </Col>
  </FormGroup>
</Form>

当您有这样的组件时，您如何做到这一点？这是antd的上传组件。

render() {
  const props = {
    name: 'file',
    action: '//localhost/file/upload',
    onChange(info) {

    }
  };

  return (
    <Dragger {...props}>
      // drag and drop area
    </Dragger>
  )
}

Answer 1

最终成为一个可用的 Prop ，称为我可以包含的标题。希望能对其他人有所帮助。

render() {
            const props = {
                name: 'file',
                action: '//localhost/file/upload',
                headers: {
                   'X-CSRF-Token': 'somelongtokenstring'
                }
                onChange(info) {

                }
            };

            return (
                   <Dragger {...props}>
                       // drag and drop area
                   </Dragger>
    )
    }