亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

引用兩個cdn文件，沒用

引用沒有用咋辦？？？

正在回答

4 回答

react版本會一直變化 試試下面的

<script type="text/javascript" src="https://npmcdn.com/react@latest/dist/react-with-addons.js"></script>

<script type="text/javascript" src="https://npmcdn.com/react-dom@latest/dist/react-dom.js"></script>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.js"></script>

而且 0.14版本后要把react.func改為reactDOM.func呦~func指各種函數~

1 回復 有任何疑惑可以回復我~

我是自己找的cdn，已經將本次課程的代碼放到github上了，因為這個課程代碼都是用es5寫的，在我的代碼里面還加入了ed6的寫法，可以做對比，而且在chrome中調試過es5的寫法和es6的寫法都可以正常使用，感興趣的話可以進我的github中查看源代碼，https://github.com/himushroom/Mooc-react-??，歡迎Star，歡迎Fork，互相交流~

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

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title> Document</title>

<script type="text/javascript" src="https://npmcdn.com/react@latest/dist/react-with-addons.js"></script>

<script type="text/javascript" src="https://npmcdn.com/react-dom@latest/dist/react-dom.js"></script>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.js"></script>

</head>

<body>

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

<script type="text/babel">

var TestClickComponent=React.createClass({

handleClick:function(event){

var tipE=ReactDOM.findDOMNode(this.refs.tip);

if(tipE.style.display==='none'){

tipE.style.display='inline';

}else{

tipE.style.display='none';

}

event.stopPropagationgation();

event.preventDefault();

},

render:function(){

return(

<div>

<button onClick={this.handleClick}>顯示|隱藏</button><span ref="tip">測試點擊</span>

</div>

);

}

});

var TestInputComponent=React.createClass({

getInitialState:function(){

return{

inputContent:''

}

},

changeHandler:function(event){

this.setState({

inputContent:event.target.value

});

event.preventDefault();

event.stopPropagationgation();

},

render:function(){

return(

<div>

<input type="text" onChange={this.changeHandler}/><span>{this.state.inputContent}</span>

</div>

);

}

});

ReactDOM.render(

<div>

<TestClickComponent/>

<br/><br/><br/>

<TestInputComponent/>

</div>

,document.getElementById('container'));

</script>

</body>

</html>

試試我寫的 我自己沒問題~

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

royluck

謝謝?。。。。?！
2016-10-22 回復 有任何疑惑可以回復我~
#2

夏時未祭

event.stopPropagationgation();你好，這個地方寫錯了一個方法。
2017-04-02 回復 有任何疑惑可以回復我~

大神我用了還是運行不了，求賜教：

控制臺顯示：Download the React DevTools for a better development experience: https://fb.me/react-devtools

代碼如下

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

? ? <script type="text/javascript" src="https://npmcdn.com/react@latest/dist/react-with-addons.js"></script>

<script type="text/javascript" src="https://npmcdn.com/react-dom@latest/dist/react-dom.js"></script>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.js"></script>

</head>

<body>

<div id="container">

</div>

</body>

<script type="text/babel">

var testClick = React.createClass({

render:function(){

return (

<div>

<button>顯示|影藏</button><span>點擊測試</span>

</div>

);

}

});

var testInput = React.createClass({

getInitialState:function(){

return {

inputContent:''

}

},

render:function(){

return (

<div>

<input type="text" /><span>{this.state.inputContent}</span>

</div>

);

}

});

ReactDOM.render(

<div>

<testClick/>

<br/><br/><br/>

<testInput/>

</div>,

document.getElementById("container"));

</script>

</html>

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

舉報

0/150
提交
取消
React入門
  • 參與學習       122094    人
  • 解答問題       126    個

顛覆式前端UI開發框架React入門視頻教程，趕緊學起來

進入課程

引用兩個cdn文件，沒用

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號