請問能否引入外部創(chuàng)建組件 然后頁面內(nèi)實例化？
這里我把組件聲明寫到外部文件，引入
然后內(nèi)部調(diào)用，報錯
//如下是代碼部分
<!DOCTYPE html>
<html>
<head>
? ? <script src="../build/react.js"></script>
? ? <script src="../build/react-dom.js"></script>
? ? <script src="../build/JSXTransformer.js"></script>
? ? <script src="../build/browser.min.js"></script>
? ? <script src="../build/jquery.min.js"></script>
? ? <script type="text/babel" src="custom.js"></script>
</head>
<body>
? ? <div id="example"></div>
????<script type="text/babel">
????? ? ReactDOM.render(
????? ? ? ? <LikeButton />,?
????? ? ? ? document.getElementById('example')
????? ? );
????</script>
</body>
</html>
// ?custom.js
? ? ? ? var LikeButton = React.createClass({
? ? ? ? getInitialState: function() {
? ? ? ? ? ? return {
? ? ? ? ? ? ? ? liked: false
? ? ? ? ? ? };
? ? ? ? },
? ? ? ? handleClick: function(event) {
? ? ? ? ? ? this.setState({
? ? ? ? ? ? ? ? liked: !this.state.liked
? ? ? ? ? ? });
? ? ? ? },
? ? ? ? render: function() {
? ? ? ? ? ? var text = this.state.liked ? 'like' : 'haven\'t liked';
? ? ? ? ? ? return (
? ? ? ? ? ? ? ? <p onClick={this.handleClick}>
? ? ? ? ? ? ? ? You {text} this. Click to toggle.
? ? ? ? ? ? </p>
? ? ? ? ? ? );
? ? ? ? }
? ? });
2017-06-17
es6 用 require 吧