React-Rails API轮询

祖巴特曼

我是React的新手,我已经阅读了有关如何将React用作独立服务的官方React教程,并且刚刚了解了在Rails应用程序中使用react-rails gem的教程。正是我所需要的。我遇到的问题是我需要为我的React小页面实现某种简单的API轮询,但是我似乎找不到任何关于如何最好地在react-rails中实现它的文档。

在react教程中,它告诉我们pollinterval = 2000在声明数据源时每2000毫秒轮询一次。我尝试如下实现,但无济于事:

@Records = React.createClass
    getInitialState: ->
      $.ajax
        method: 'GET'
        url: '/records'
        dataType: 'JSON'
        success: (response) ->
          records: response
      pollinginterval: 2000
    ...

不幸的是,当我加载该页面时,不仅不显示任何内容,而且甚至根本没有在查询数据库。这使我相信这不是AJAX调用/设置pollinginterval的正确位置,但是在谷歌搜索中没有什么特别有用。

rmosolgo

这种方法怎么样?

@Records = React.createClass
  getInitialState: ->
    # `this.state.records` is empty now, but will be loaded by AJAX
    {
      records: [] 
    }

  componentDidMount: ->
    # Ping every 2s
    @_recordsInterval = setInterval =>
        @_loadRecords()
      , 2000
    # Load initial data: 
    @_loadRecords()

  componentWillUnmount: -> 
    # clean up loose ends: 
    clearInterval(@_recordsInterval)
    @_recordsRequest?.abort()

  # ...

  _loadRecords: ->
   # Fetch records from the server and store it as `this.state.records`
   @_recordsRequest = $.get "/records", (data) => 
     @setState(records: data)

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Rails API离线文档

来自分类Dev

Rails使用API

来自分类Dev

轮询JSON的API,直到找到特定的密钥

来自分类Dev

Rails API和原始Rails

来自分类Dev

使用React前端和Rails后端的带有Google Calendar API的客户端OAuth

来自分类Dev

使用React前端和Rails后端的带有Google Calendar API的客户端OAuth

来自分类Dev

React + Rails路由配置

来自分类Dev

React组件不会影响Rails视图

来自分类Dev

React和Rails入门

来自分类Dev

具有ActionCable(WS)和React前端的Rails API

来自分类Dev

如何过滤和删除数据库中的特定对象?| React作为前端,Rails作为后端/ API

来自分类Dev

Rails API / React / Axios下载损坏的文件

来自分类Dev

Rails API,如何从React Native接收使用FormData发送的照片

来自分类Dev

Rails API离线文档

来自分类Dev

Rails使用API

来自分类Dev

轮询JSON的API,直到找到特定的密钥

来自分类Dev

Rails 3:支持IE 9的长轮询或套接字

来自分类Dev

Devise Rails API

来自分类Dev

React-Rails API轮询

来自分类Dev

React和Rails入门

来自分类Dev

Rails + React + Webpack加载图像

来自分类Dev

Ajax轮询:不显示警报框[rails]

来自分类Dev

Rails API - POST 激活

来自分类Dev

避免在 Rails 中进行轮询

来自分类Dev

SyntaxError: Unexpected token < in JSON at position 0 - React app in Rails API

来自分类Dev

Rails + React + 实时验证

来自分类Dev

在 Rails API for React 中从外部表查询数据的最佳实践

来自分类Dev

将json对象从react前端传递到rails api时出错

来自分类Dev

Ruby on Rails 方法的 API