zoukankan html css js c++ java

React getInitialState desc

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="../../build/react-with-addons.js"></script>
    <script src="../../build/JSXTransformer.js"></script>
</head>
<body>
    <div id="demo"></div>
    <hr>
    <div id="app"></div>
    <div id="likeBtn"></div>
    <script type="text/jsx">
        /** @jsx React.DOM */
        var HelloMessage = React.createClass({
            render: function () {
                return <div>Hello, {this.props.name}</div>;
            }
        });

        React.renderComponent(<HelloMessage name="Jack"/>, document.getElementById('demo'));
    </script>
    <script type="text/jsx">
        /** @jsx React.DOM */
        var App = React.createClass({
            componentDidMount: function () {
                console.log(this.props.children);
            },
            render: function () {
                return <div><span></span></div>
            }
        });

        React.renderComponent(<App></App>, document.getElementById('app'));
    </script>
    <script type="text/jsx">
        /** @jsx React.DOM */
        var LikeButton = React.createClass({
            getInitialState: function () {
                return {
                    liked: false
                };
            },
            handleClick: function (event) {
                this.setState({
                    liked: !this.state.liked
                });
            },
            handleMouseEnter: function () {
                console.log(this);
            },
            render: function () {
                var text = this.state.liked ? 'like' : 'unlike';
                return (
                    <p onClick= {this.handleClick} >
                        You {text} Click to toggle
                    </p>
                );
            }
        });

        React.renderComponent(<LikeButton />, document.getElementById('likeBtn'));
    </script>
</body>
</html>

查看全文

相关阅读:
保持页面上滚动条原来位置
 ASP.NET页面刷新的实现方法
 绝对定位下的控件动态添加操作
 实现页面打开后滚动到最底端的效果
 获得页面下所有的控件
 获得sql列名
 PropertyUtils.getProperty和PropertyUtils.setProperty的用法详解
 Javascript 第三章
 Javascript 第五章
 Javascript 第六章

原文地址：https://www.cnblogs.com/wangwenfei/p/reactjs.html