zoukankan      html  css  js  c++  java
  • react

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="https://static.runoob.com/assets/react/react-0.14.7/build/react.js"></script>
    <script src="https://static.runoob.com/assets/react/react-0.14.7/build/react-dom.js"></script>
    <script src="https://static.runoob.com/assets/react/browser.min.js"></script>
    </head>
    <body>
    <div id="myapp"></div>
    <script type="text/babel">
    var Demo = React.createClass({
    getInitialState: function(){
    return {
    isHidden: false,
    title:'123456789'
    };
    },
    handleClick:function(){
    this.setState({
    isHidden: !this.state.isHidden
    })
    },
    render: function(){
    if(this.state.isHidden){
    return (
    <div>
    <h1>状态为true{this.state.title}</h1>
    <button onClick={this.handleClick}>点击</button>
    </div>
    )
    }
    return (
    <div>
    <h1>状态为false{this.state.title}</h1>
    <button onClick={this.handleClick}>点击</button>
    </div>
    )
    }
    })
    ReactDOM.render(
    <Demo/>,
    document.getElementById("myapp")
    )
    </script>
    </body>
    </html>

  • 相关阅读:
    swt 更新主UI线程
    java中 快捷键输入System.out.println();
    原型设计工具
    JAVA笔记
    转:java读取配置文件的几种方法
    Server Message Block
    安全标识符
    BitLocker:如何启用网络解锁
    imageX.exe
    组策略首选项
  • 原文地址:https://www.cnblogs.com/zzgyq/p/react.html
Copyright © 2011-2022 走看看