javascript - React Uncaught Error : Invariant Violation: _registerComponent(. ..): 目标容器不是 DOM 元素

Question

我一直在尝试将 React 集成到我的 Rails 项目中，但我一直遇到这个错误:

Uncaught Error: Invariant Violation: _registerComponent(...): Target container is not a DOM element.

我不知道为什么会出现这种情况，谁能帮帮我？

app.coffee.erb

reactReady = -> 
    officerModals = React.createClass
        render: ->
            React.DOM.div
                className: 'photo'
                React.DOM.h2
                    className: 'officer'

    React.render React.createElement(officerModals, {}), $('#officerPics')

$(document).ready reactReady
$(document).on 'page:load', reactReady

HTML:

<div id="officersPage" class="row">
     <div id="officerPics"></div>
</div>

Answer 1

我相当确定这是因为 $('#officerPics') 不会返回 DOM 元素。它将返回一个 JQuery 对象。

为了get the DOM object你需要把它拉出来:

$('#officerPics').get( 0 );