반응-REDUX 업로드 파일 오류

Question

나는 REDUX-양식을 사용하여 반응-REDUX에 파일 업로드를 구현하기 위해 노력하지만, 경고 및 콘솔에서 예외가있다 :

경고 : ConnectedField 유형의 제어되지 않는 입력을 변화 파일은 입니다. 입력 요소는 제어되지 않음에서 제어 된 것으로 전환하면 안됩니다 (또는 그 반대).구성 요소의 수명 동안 제어되거나 제어되지 않은 입력 요소를 사용할지 여부를 결정하십시오. 여기

bundle.js:37467 Uncaught DOMException: Failed to set the 'value' property on 
'HTMLInputElement': This input element accepts a filename, which may only be 
programmatically set to the empty string. 
     at Object.updateWrapper (http://localhost:8080/dist/bundle.js:37467:20) 
     at ReactDOMComponent.updateComponent (http://localhost:8080/dist/bundle.js:36891:23) 
     at ReactDOMComponent.receiveComponent (http://localhost:8080/dist/bundle.js:36846:10) 
     at Object.receiveComponent (http://localhost:8080/dist/bundle.js:6247:22) 
     at ReactCompositeComponentWrapper._updateRenderedComponent (http://localhost:8080/dist/bundle.js:35859:23) 
     at ReactCompositeComponentWrapper._performComponentUpdate (http://localhost:8080/dist/bundle.js:35829:10) 
     at ReactCompositeComponentWrapper.updateComponent (http://localhost:8080/dist/bundle.js:35750:12) 
     at ReactCompositeComponentWrapper.receiveComponent (http://localhost:8080/dist/bundle.js:35652:10) 
     at Object.receiveComponent (http://localhost:8080/dist/bundle.js:6247:22) 
     at ReactCompositeComponentWrapper._updateRenderedComponent (http://localhost:8080/dist/bundle.js:35859:23) 

내 구성 요소의 코드 :

(가) 나를 위해 일한 다음

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

class UploadFileForm extends Component { 

    onFormSubmit(data) { 
    console.log(data); 
    }; 

    render() { 
    return (
     <form role="form" onSubmit={this.props.handleSubmit(this.onFormSubmit)}> 
     <div className="form-group"> 
      {/*<input name="file" type="file" className="file file-loading" data-allowed-file-extensions='[".owl"]'/>*/} 
      <Field name="owl-file" component="input" type="file" ref="owl-file-ref"/> 
      <label className="choose-file-info"></label> 
     </div> 
     <button type="submit" className="btn btn-primary">Upload</button> 
     </form> 
    ); 
    } 
} 

export default reduxForm({ 
    form: 'upload' 
})(UploadFileForm); 

Answer 1

;

const UploadFile = ({ input: {value: omitValue, ...inputProps }, meta: omitMeta, ...props }) => (
    <input type='file' {...inputProps} {...props} /> 
); 

그럼 나는 이렇게 사용합니다. https://github.com/erikras/redux-form/issues/1989