reactjs_learning_demo
/
react组件-事件,方法,state.html

<html>
    <head>
        <meta charset="utf-8">
        <title>react组件的: 事件,方法,state</title>
        <style>
         .box{
            width:520px;
            height:200px;
            background: gold;
         }
         textarea{
            width:500px;
            height:160px;
         }
        </style>
    </head>

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

        <script src="js/react.min.js"></script>
        <script src="js/react-dom.min.js"></script>
        <script src="js/babel.min.js"></script>
        <script type="text/babel">
            //创建组件
            var Box=React.createClass({
                render:function () {
                    return (
                        <div className="box">
                           <textarea>评论内容展示.....</textarea>
                            <button>edit</button>
                            <button>delete</button>
                        </div>
                    )
                }
            })

            //调用组件
            ReactDOM.render(
                <Box/>
                ,
                document.getElementById("container")
            )
        </script>
    </body>
</html>