Javascript 无法读取属性'__反应式自动双绞线&x27;未定义的属性-React.js

Javascript 无法读取属性'__反应式自动双绞线&x27;未定义的属性-React.js,javascript,node.js,reactjs,coffeescript,Javascript,Node.js,Reactjs,Coffeescript,我试图在React with Coffeescript和Node中创建一个简单的组件。但是,它不断抛出此错误: Cannot read property '__reactAutoBindPairs' of undefined 这是我的密码: 索引.咖啡: express = require('express') JSX = require('node-jsx').install() React = require('react') TestApp = require('../com

我试图在React with Coffeescript和Node中创建一个简单的组件。但是,它不断抛出此错误:

Cannot read property '__reactAutoBindPairs' of undefined
这是我的密码:

索引.咖啡:

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
咖啡:

React = require('react')

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

module.exports = TestApp
翡翠索引

extends layout

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

任何帮助都将不胜感激。谢谢

我想你需要做几件事:

  • 安装ReactDOM包(
    npm安装ReactDOM
  • 需要反应
  • 将组件的
    require()
    语句包装在
    React.createFactory()
  • 使用
    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
    

    有关说明,请参阅。

    第3步是非常重要的一步。我没有使用它,在修改代码后,应用程序工作了+其中1人:)