Как использовать FilePond с response-final-form? - PullRequest
Новая
       20

Как использовать FilePond с response-final-form?

1 голос
/ 20 апреля 2019

Я пытаюсь заставить FilePond работать с react-final-form.Я не уверен, как обернуть компонент FilePond в react-final-form Адаптер компонента поля.

Например, для react-phone-number-input Я сделал это так: 

// Before React.Component class declaration.
const PhoneAdapter = ({ input }) => (
    <PhoneInput
    placeholder="Phone Number"
    value={input.value}
    tabIndex="3"
    id="contact-form-id-phone"
    onChange={value => input.onChange(value)}
  />
);

// Inside React.Component class declaration.
<Field name="phone" component={PhoneAdapter} />

Для FilePond я попробовал это: 

// Before React.Component class declaration.
const FileAdapter = ({ input }) => (
  <FilePond
    // files={files}
    allowMultiple
    // onupdatefiles={setFiles}
    server="/api/upload"
    labelIdle="Drag &amp; Drop your files or <span class=&quot;filepond--label-action&quot;>Browse</span>."
    />
);

// Inside React.Component class declaration.
<Field name="files" component={FileAdapter} />

Примеры, из которых я узнал:

Я хочу иметь возможность получить имя файла для родительской формы response-final-form (компонент filepond является одним измного других полей).Я хочу, чтобы это захватило государство.Кроме этого, я не уверен, как интегрировать два.

...