Reactjs React-TypeError:React.renderComponent不是函数

在学习了React教程构建一个简单的应用程序之后，我收到了这个奇怪的消息。

我使用bower安装react并包含如下脚本：

<script src="bower_components/react/react.js"></script>
<script src="bower_components/react/JSXTransformer.js"></script>

就像在教程中一样。 起初我以为脚本没有加载，但事实显然不是这样。

---

问题出在哪里？

在本例中，bower安装的是最新版本0.12.0

渲染函数约定发生了更改

组件已从所有React.render*方法中删除

所以使用

    React.render(

而不是

   React.renderComponent(

现在是这样

ReactDOM.render(

并包括源文件：

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react-dom.js"></script>

下载最新的React初学者工具包->

在生成文件夹中使用react.js和react-dom.js文件

不要使用“text/jsx”，而是使用“text/babel”，引用这个缩小的库->

以下是完整的脚本供您参考

<div id="target-container"></div>

<script src="build/react.js"></script>
<script src="build/react-dom.js"></script>
<script src="build/browser.min.js"></script>
<script type="text/babel">
    var MyComponent = React.createClass({
        render: function(){
            return(
                <h1>Sample text</h1>
            );
        }
    });

    ReactDOM.render(
        <MyComponent/>,
        document.getElementById('target-container')
    );
</script>

var MyComponent=React.createClass({
render:function（）{
返回(
示例文本
);
}
});
ReactDOM.render(
,
document.getElementById（'target-container'）
);

您应该编写

ReactDOM.render

，而不是

React.render

https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react.js
https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react-dom.js
https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js

这三个javascript是必需的

最近“React.render（）”被贬值，所以使用“ReactDom.render（）”

从“React”导入React；
从“react dom”导入react dom；
从“./components/App.jsx”导入应用程序；
要求（'./main.scss'）；
ReactDOM.render（，document.getElementById（'container'））；

我也有同样的问题；我严格遵循了教程，我得到了与您相同的错误

这些是我需要做的改变，让它工作

npm install --save react-dom

更改了

index.jsx

内容：

/** @jsx React.DOM */
'use strict'
var ReactDOM = require('react-dom')
var Hello = require('./Hello')
ReactDOM.render(<Hello />, document.getElementById('content'))

/**@jsx React.DOM*/
“严格使用”
var ReactDOM=require（'react-dom'））
var Hello=require（“./Hello”）
ReactDOM.render（，document.getElementById（'content'））

明白了

我对反应很陌生，所以这可能不是最好的解决方案，但现在它是我的

编辑：我找到了另一个最近的演练（很有效）

---

实际上它当前安装的是0.13.x。如果是0.12.x，则该版本只弃用了该函数，而没有删除它，但.13删除了它。

npm install --save react-dom

/** @jsx React.DOM */
'use strict'
var ReactDOM = require('react-dom')
var Hello = require('./Hello')
ReactDOM.render(<Hello />, document.getElementById('content'))