我是 React 的新手,我遇到了一些问题。每当我尝试运行我的代码时,我都会收到警告说 “Bad JSFiddle configuration, please fork the original React JSFiddle”
。
这是我的 React 代码:
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<script src="https://facebook.github.io/react/js/jsfiddle-integration-babel.js"></script>
<div id="container">
</div>
<script>
var Hello = React.createClass({
render: function() {
return <div > Hello {
this.props.name
} < /div>;
}
});
ReactDOM.render( <
Hello name = "World" / > ,
document.getElementById('container')
);
</script>
我从字面上从 Facebook JSFiddle 基线复制粘贴了它。
你能帮我弄清楚我错过了什么吗?
最佳答案
由于您使用的是 JSX,Facebook 将设置限制为 JS 1.7,您可能需要使用 Babel 将其编译为 javascript。
通过编译脚本(JSX)链接和Coffee脚本语法,您可以执行React代码示例。
试试这个工作代码:https://jsfiddle.net/9gnkLgex/
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.1/react-with-addons.js"></script>
<div id="container">
<!-- This element's contents will be replaced with your component. -->
</div>
<script>
Hello = React.createClass(
displayName: 'Hello',
render: () ->
React.createElement("div", null, "Hello ", this.props.name)
)
React.render(
React.createElement(Hello, {name: "World"}),
document.getElementById('container')
)
</script>
希望对您有所帮助!
关于javascript - 错误的 JSFiddle 配置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45203626/