输入文件无法在Redux表单中使用

时间:2017-06-29 14:08:03

标签: reactjs redux redux-form react-redux-form

我试图创建输入类型="文件"它根本不起作用。

我已经尝试了几个实现,我已经可视化了几个问题,显然这个最新版本有问题。这是一个简单的例子:

import React from 'react'
import { Field, reduxForm } from 'redux-form'

export const FileUpload = (props) => {
  const { handleSubmit } = props
  const onFormSubmit = (data) => {
    console.log(data)
  }

  return (
    <form onSubmit={handleSubmit(onFormSubmit)}>
      <div>
        <label>Name</label>
        <Field name="name" component="input" type="text" />
      </div>
      <div>
        <label>Profile Picture</label>
        <Field name="profile_pic" component="input" type="file" />
      </div>
      <button type="submit">Submit</button>
    </form>
  )
}

export default reduxForm({
  form: 'fileupload'
})(FileUpload)

有人可以使用吗?

它需要文档中的示例。

0 个答案:

没有答案