ReactDOM不渲染元素

我不明白为什么以下不会使页面上的按钮：ReactDOM不渲染元素

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <title>Basic Example</title>  
    </head> 
    <body> 

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

    <script src="./build/react.js"></script> 
    <script src="./build/react-dom.js"></script> 
    <script src="./build/react-with-addons.js"></script> 



<script type="text/jsx"> 
     /** @jsx React.DOM */ 

var Button = React.createClass({ 
    render: function(){ 
    return (
     <button>Go</button> 
    ) 
    } 
}); 

ReactDOM.render(<Button />, document.getElementById('container')); 

</script> 


    </body> 
</html>

我在控制台中看到的唯一输出是：

Download the React DevTools for a better development experience: https://fb.me/react-devtools

据我了解这不是错误消息。

来源

2015-12-08 runtimeZero

您正在尝试渲染您声明的相同组件。也尝试不要将您的组件命名为已有的html。 – jmingov

没有帮助解决我的问题 – runtimeZero

嗨，我是新的反应，并得到同样的错误，而运行一个简单的'你好世界'的例子。您的查询是否已解决？请使用适合您的答案更新此页面。非常感谢。 – Shivam

这些是我发现使其工作的最小变化。（参见Getting Started页。）

更换./build/react-with-addons.js与https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js。
将text/jsx替换为text/babel。
删除行/** @jsx React.DOM */。

但是，这可能会导致其他错误消息，至少在控制台的Firefox中，尽管这不会影响该示例的功能。

来源

2015-12-09 02:11:00

ReactDOM不渲染元素

回答

相关问题