小编kev*_*olf的帖子

(Universal React + redux + react-router)如何避免在初始浏览器加载时重新获取路由数据?

static fetchData在Route组件上使用了一个方法......

const mapStateToProps = (state) => ({
  posts: state.posts
})

@connect(mapStateToProps)
class Blog extends Component {

  static fetchData (dispatch) {
    return dispatch(fetchPosts())
  }

  render () {
    return (
      <PostsList posts={this.props.posts} />
    )
  }

}
Run Code Online (Sandbox Code Playgroud)

...并在服务器端的初始渲染之前收集所有承诺...

match({ routes, location }, (error, redirectLocation, renderProps) => {
    const promises = renderProps.components
      .filter((component) => component.fetchData)
      .map((component) => component.fetchData(store.dispatch))

    Promise.all(promises).then(() => {
      res.status(200).send(renderView())
    })
})
Run Code Online (Sandbox Code Playgroud)

它工作正常,服务器等待,直到我的所有承诺得到解决,然后再渲染应用程序.

现在,在我的客户端脚本上,我正在做与服务器上类似的事情......

...
function resolveRoute (props) {
  props.components
    .filter((component) => component.fetchData)
    .map((component) => component.fetchData(store.dispatch))

  return …
Run Code Online (Sandbox Code Playgroud)

reactjs react-router redux redux-thunk

7
推荐指数
2
解决办法
1948
查看次数

Heroku组织仍然可用?

我想知道Heroku是否仍然支持组织帐户.我已按照此页面上的步骤操作,无法查看组织创建表单.

任何人都知道该功能是否仍然可用?

heroku

3
推荐指数
1
解决办法
1376
查看次数

标签 统计

heroku ×1

react-router ×1

reactjs ×1

redux ×1

redux-thunk ×1