管理员休息发送额外的参数休息呼叫

Question

我有上传按钮里面创建表单，按钮点击处理程序我会上传图像到云和上传成功我得到图像URL。我需要通过这个图像的网址来休息api。这是我的示例代码。 当我提交我的表单时，我需要发送图像网址作为参数。 任何人都可以帮助我。

这里是我的代码：

<SimpleForm label="Create Artist"> 
    <TextInput source="name" label="Name" /> 
    <FlatButton style={styles.button} label="Upload Image" primary onClick={this.handleClick} /> 
</SimpleForm> 

this.handleClick =() => { 
    cloudinary.openUploadWidget({ 
     cloud_name: 'demo', 
     upload_preset: 'sh3432', 
     cropping: 'server' 
    }, function(error, result) { 
     return result; 
    }); 
}; 

Answer 1

你必须实施一个custom input。

喜欢的东西（没有测试过）：

class UploadPictureInput extends Component { 
    handleClick =() => { 
     cloudinary.openUploadWidget({ 
      cloud_name: 'demo', 
      upload_preset: 'sh3432', 
      cropping: 'server' 
     }, (error, result) => { 
      this.props.input.onChange(result); 
     }); 
    } 

    render() { 
     return (
      <FlatButton 
       style={styles.button} 
       label="Upload Image" 
       primary 
       onClick={this.handleClick} 
      /> 
     ); 
    } 
} 

和使用表单此输入。