使用带有enctype的Material按钮组件

Question

所以我打算用穆特上传图片。我使用的材料UI的按钮组件onClick道具。提交数据。我是否将按钮组件包装在表单标签中，以完成相同的任务？如果不是，如何指定如何对表单数据进行编码？

<form enctype="multipart/form-data">
                <Button
                  color="primary"
                  onClick={this.onSubmit}
                  round
                  className={classes.footerButtons}
                >
                  Post
                </Button>
                <div className={classes.footerButtons}>
                  <ImageUpload />
                </div>
              </form>

Answer 1

在jsx中，enctype属性应该是encType="multipart/form-data“。

onSubmit需要在form元素上，并且按钮应该有type="submit“。

会是这样的：

<form
  method="post"
  action=""
  encType="multipart/form-data"
  onSubmit={this.onSubmit}
>
  <Button
    type="submit"
  > Submit
  </Button>
</form>