为了账号安全,请及时绑定邮箱和手机立即绑定

我的react练习在浏览器上不显示

<!DOCTYPE html>

<html>

<head>   

<meta charset="utf-8">   

<title>Examples</title>   

<link href="" rel="stylesheet">

<!DOCTYPE html><html>

  <head>

    <meta charset="utf-8" />

    <title>React Tutorial</title>

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

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

    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>

  </head>

  <body>

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

    <script type="text/babel">

var ClickEvent=React.createClass({

render:function(){

return (<div style={{color:'#000',fontSize:'40px'}}>

<button>点击事件绑定按钮</button><span>测试内容</span>

</div>);

}

});

var ChangeEvent=React.createClass({

getInitialState:function(){

return {

content:''

}

},

render:function(){

return (<div><input type="text" /><span>{this.state.content}</span></div>);

}

});

React.render(<ClickEvent></ClickEvent>,document.getElementById('container'));

</script>

</body>

</html>


正在回答

5 回答

好像不同的cdnjs版本有不同的写法,我按照视频里老师讲的写,最开始也没有显示,比如说最后的React.render我改成了ReactDOM.render,还有其他类似的,如果语法没有错误,就在这些细节上找找原因吧

0 回复 有任何疑惑可以回复我~

我的React.findDOMNode()方法显示未定义错误不执行

0 回复 有任何疑惑可以回复我~
#1

慕先生811762

ReactDOM.findDOMNode()就好了
2017-04-26 回复 有任何疑惑可以回复我~

我的也不显示


0 回复 有任何疑惑可以回复我~

这三个js文件我这里都打不开,有下载好到本地的吗?

0 回复 有任何疑惑可以回复我~

谢谢了

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
React入门
  • 参与学习       122141    人
  • 解答问题       121    个

颠覆式前端UI开发框架React入门视频教程,赶紧学起来

进入课程

我的react练习在浏览器上不显示

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信