Использование компонента Button пользовательского интерфейса материала с enctype

Question

Так что я планирую использовать Multer для загрузки изображений.И я использую компонент кнопки Material UI onClick prop.представить данные.Достигну ли я обертывания компонента кнопки в теге формы одним и тем же?Если нет, то как мне указать способ кодирования данных формы?

<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 должен находиться в элементе формы, а кнопка должна иметь type = "submit".

будет выглядеть примерно так:

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