無法讀取未定義的屬性'__reactAutoBindPairs' - React.js

Question

我正在嘗試使用Coffeescript和Node在React中創建一個簡單的組件。 但是，它不斷拋出這個錯誤：

Cannot read property '__reactAutoBindPairs' of undefined

這是我的代碼：

index.coffee：

express = require('express')
JSX     = require('node-jsx').install()
React   = require('react')
TestApp = require('../components/Test.react')
router  = express.Router()

# home page
router.get '/', (req, res, next) ->
  React.renderComponent (TestApp {}), document.getElementById('test')
  res.render 'index', title: 'Example'

module.exports = router

Test.react.coffee：

React = require('react')

TestApp = React.createClass
    render: ->
      p "Hello!"

module.exports = TestApp

index.jade

extends layout

block content
  h1= title
  #test 
  p Welcome to #{title}

任何幫助，將不勝感激。 謝謝！

Answer 1

我想你需要做一些事情：

1. 安裝ReactDOM包（ npm install react-dom ）。
2. 需要ReactDOM。
3. 在React.createFactory()為您的組件包裝require()語句。
4. 使用ReactDOM.render()而不是React.renderComponent()渲染組件。

注意：

express  = require('express')
JSX      = require('node-jsx').install()
React    = require('react')
ReactDOM = require('react-dom')
TestApp  = React.createFactory(require('../components/Test.react'))
router   = express.Router()

# home page
router.get '/', (req, res, next) ->
  ReactDOM.render (TestApp {}), document.getElementById('test')
  res.render 'index', title: 'Example'

module.exports = router

請參閱React博客以獲取解釋。