var React = require('react');var ReactDOM = require('react-dom');var ExampleApplication = React.createClass({? render: function() {? ? var elapsed = Math.round(this.props.elapsed ?/ 100);? ? var seconds = elapsed / 10 + (elapsed % 10 ? '' : '.0' );? ? var message =? ? ? 'React has been successfully running for ' + seconds + ' seconds.';? ? return React.DOM.p(null, message);? }});// Call React.createFactory instead of directly call ExampleApplication({...}) in React.rendervar ExampleApplicationFactory = React.createFactory(ExampleApplication);var start = new Date().getTime();setInterval(function() {? ReactDOM.render(? ? ExampleApplicationFactory({elapsed: new Date().getTime() - start}),? ? document.getElementById('example')? );}, 50);<div id="example">123</div><script src="./src/bundle.js"></script>
1 回答
牛奶老哥哥
TA貢獻(xiàn)204條經(jīng)驗(yàn) 獲得超92個(gè)贊
最新的react版本中React.createClass創(chuàng)建組件的方式已被棄用了,教程會給你整個(gè)代碼,拿到它的 package.json 文件,這里面有教程里使用的react版本,替換自己的,然后 npm 安裝就好了.再看看新的react組件創(chuàng)建方式.
添加回答
舉報(bào)
0/150
提交
取消