2

我正在尝试通过使用 React 动态加载选项来进行选择。

我的表单组件：

...
React.DOM.select
  className: 'form-control'
  name: 'user'
  React.createElement UserOptions

用户选项组件：

@UserOptions = React.createClass
  getInitialState: ->
    connections: []

  componentDidMount: ->
    @getUsers()

  render: ->
    for connection in @state.connections  
      React.DOM.option
        value: connection.id
        label: connection.name

  getUsers: ->
    $.ajax 
      type: 'GET'
      url: '/connections'
      dataType: 'json'
      success: (connections) =>
        @setState(connections: connections)

当我尝试该页面时，javascript会中断（不加载任何内容）并出现错误

Uncaught Invariant Violation: Constructor.render(): A valid React element (or null) must be returned. You may have returned undefined, an array or some other invalid object.

当试图在componentWillMount回调中加载时，我得到了同样的错误 +

Uncaught TypeError: Cannot read property '_currentElement' of null

我正在使用react-rails宝石。

奇怪的是，当我在成功回调中调试时，手动调用 setState 然后检查connections它们是否已更新，但Uncaught TypeError: Cannot read property '_currentElement' of null无论如何我都得到了

任何帮助将不胜感激。我是 React 的新手，所以这可能是微不足道的。

4

0 回答 0