从graphql返回承诺React HOC

我有一个表单，它是用来编辑我的应用程序中的现有资源。我有一个作出反应组分，它是包裹在graphql HOC通过以下方式：从graphql返回承诺React HOC

import {compose, graphql} from 'react-apollo'; 

// ... 

const withData = compose(
    graphql(FetchEditorData, { 
    props(p) { 
     preloadEditorData() => { 
     // this function is meant to return a promise with the desired data 
     // the documentation only explains what p.data contains (i.e. loading, 
     // data etc.) 
     }, 
    }, 
    }, 
    graphql(CommitResourceEditMutation, { 
    props(p) { 
     onSubmit(editorState) => { /* ... */ }, 
    }, 
); 

export default withData(ResourceEditor);

正如你所看到的，部件从查询中读取数据时，将其加载到表单并在表单提交后，突变被执行。

我需要显示一个加载指标，当数据加载和更改保存时。通过遵循传统方法docs的状态，我需要添加一个和和一个loading状态键并检查它们两者。

相反，我添加了一个属性到我的组件preloadEditorData，这意味着返回Promise<EditorState>，所以我只能有一个loading标志。有什么办法可以从HOC回复诺言吗？

来源

2017-08-22 Victor

你不需要做任何这些。这是为你做的！检查data.networkStatus是否为1。这意味着您的数据正在加载。当它是7它是完整的。

来源

2017-08-22 14:01:16 zackify

我认为你误解了我的问题。这样做的目的不是要有两个'加载'标志;我不在乎那已经为我完成了。 – Victor

从graphql返回承诺React HOC

回答

相关问题