将Flux与组件内请求混合使用

时间:2016-02-21 10:58:07

标签: reactjs flux

我正在使用altjs作为flux实现构建一个react应用程序。目前我正在制作图片上传器组件。该组件获取图像,将其上载到云端,并将响应中的URL放入输入中。图像网址在表单中发送。也可以跳过上传过程并手动输入网址。

图片上传过程如下:

  • 组件向服务器发出请求,获取签名。
  • 签名和文件将发送到云存储,并返回上传图像的网址。
  • 网址设置为输入字段的值。

如果我在组件中(在单击处理函数中)发出请求而不使用flux,我认为这个过程会更容易。我根本不需要焊剂储存。我相信这是一种更好的方法,因为这样我可以将组件放在任何应用程序中并使其正常工作。如果我使用flux,我还需要传输动作文件并稍微修改一下

人们普遍认为,每一个api请求都应该通过流量作为一种良好的做法。

这是一个很好的做法,还是可以使用助焊剂更好地实施?

1 个答案:

答案 0 :(得分:1)

我认为你应该做的就是将显示变量(图片网址),按钮等与上传图片的关注点以及你需要的签名分开。

分离用于图像上传的组件变得非常容易处理并且几乎可以复制到任何项目中,而上传图像等的责任(通常每个后备存储/ API更多)是更高的组件。然后,如果您选择使用flux,或者如果让更高的组件使用来自上传器的数据执行并设置道具,则可以选择每个项目。

我的建议是使用flux来做上述操作,但这只是因为我觉得整个应用程序中的数据流非常舒适。