React click toggle
来源:互联网 发布:2014十大网络用语 编辑:程序博客网 时间:2024/06/01 22:14
<html> <head> <title>Document</title> <script src="../react.js"></script> <script src="../react-dom.js"></script> <script src="http://cdn.bootcss.com/babel-core/5.8.38/browser.min.js"></script> </head> <body> <div id="demo"></div> <script type="text/babel"> class Toggle extends React.Component { constructor(props) { super(props) this.state = {isToggleOn: true} this.handleClick = this.handleClick.bind(this) } handleClick() { this.setState(prevState => ({ isToggleOn: !prevState.isToggleOn })) } render() { return ( <button onClick={this.handleClick}> {this.state.isToggleOn ? 'ON' : 'OFF'} </button> ) } } const element = <Toggle /> ReactDOM.render( element, document.getElementById('demo') ) </script> </body></html>
阅读全文
0 0
- React click toggle
- react实现toggle效果
- 简易click事件判断取代toggle
- React DOM click focus textbox
- toggle()
- how to make React Native ListView When click on row make the row different
- javascript toggle
- Toggle Button
- 动画 toggle
- 总结toggle
- android toggle
- toggle()方法
- Toggle Buttons
- jquery.toggle
- Toggle开关
- Toolbar Toggle
- toggle()用法
- toggle 切换
- js模板引擎artTemplate快速上手
- 第26章 站在巨人肩膀上——游戏引擎技术导论
- maven项目导入:Failed to read candidate component class: file
- 最近有朋友问我 什么平台的BTC 可以用FIX API 平台不错的请推荐谢谢
- Python数据可视化(matplotlib库)
- React click toggle
- Java反射
- 1029. 旧键盘(20)
- Unable to load class 'org.gradle.api.internal.component.Usage'
- 段错误之一记录(11.12课程代码出现的问题)
- 用Prismjs给自己的博客文章增加代码高亮功能
- 浅析C++函数指针和函数对象
- jsp生成json数据
- 由0到4五个数字,组成5位数,每个数字用一次,但十位和百位不能为3(当然万位不能为0),输出所有可能的五位数。