如何使用Redux Form将URL作为数据插入?

时间:2017-12-20 04:48:41

标签: url react-redux redux-form react-dropzone

我能够在附件字段中获取url但是对于redux表单它是空的,如何将url的值传递给redux表单?以下是代码和屏幕截图:

<div className="FileUpload">
   <Dropzone
     onDrop={this.onImageDrop.bind(this)}
     multiple={false}
     accept="image/*">
<div>Drop an image or click to select a file to upload.</div>
   </Dropzone>
</div>
   <div className="form-group">
     <label htmlFor="attachment">Attachment:</label><br />
       <input className="form-control" focus placeholder="attachment" type="text" name="attachment" ref="attachment" value={this.state.uploadedFileCloudinaryUrl} />
        {this.state.uploadedFileCloudinaryUrl === '' ? null :
        <div>
          <p>{this.state.uploadedFile.name}</p>
            <img src={this.state.uploadedFileCloudinaryUrl} alt="" />            
        </div>}
        </div>
        <div className="ui small image">
          <img src={this.props.workrequest.attachment} alt="" />
        </div>

the url in the attachemnt field

第一个是使用React Dropzone来获取url但是对于Redux Form它是空的。我可以知道如何在此处获取Redux表单中的URL插入吗?谢谢

2 个答案:

答案 0 :(得分:0)

实际上,您必须使用Redux-form中的Field组件。 另外,您可以使用调度和更改操作创建器来更改表​​单值。

import { Field, change } from 'redux-form';

this.props.dispatch(change('uploadForm', 'url', this.state.url));

答案 1 :(得分:0)

function squirt( n, g ) 
{   
  var d, ng, g = n/2.0;
  while ( g != ( d + g ) / 2.0 )
  {
     d = n / g; 
     g = ( d + g ) / 2.0;     
  }
  return g;
}

console.log( squirt(4) );
console.log( squirt(5) );
console.log( squirt(6) );
console.log( squirt(7) );
console.log( squirt(8) );
console.log( squirt(9) );
console.log( squirt(10) );

请使用此。