React 互动表单
2015-08-20 10:55
691 查看
html:
<!DOCTYPE html>
<html>
<head>
<script src="https://fb.me/react-0.13.3.js"></script>
<script src="https://fb.me/JSXTransformer-0.13.3.js"></script>
</head>
<body>
<script type="text/jsx">
var Input = React.createClass({
getInitialState: function() {
return {value: 'Hello!'};
},
handleChange: function(event) {
this.setState({value: event.target.value});
},
render: function () {
var value = this.state.value;
return (
<div>
<input type="text" value={value} onChange={this.handleChange} />
<p>{value}</p>
</div>
);
}
});
React.render(<Input/>, document.body);
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 在线用表单建立文件夹
- Jquery 表单取值赋值的一些基本操作
- javascript 表单的友好用户体现
- js 提交和设置表单的值
- 攻克CakePHP系列二 表单数据显示
- 超级给力的JavaScript的React框架入门教程
- 由ReactJS的Hello world说开来
- JavaScript获取页面中表单（form）数量的方法
- 网页中表单按回车就自动提交的问题的解决方案
- JavaScript实现重置表单（reset）的方法
- JavaScript实现同一页面内两个表单互相传值的方法
- JS中表单的使用小结
- 封装好的一个万能检测表单的方法
- javascript创建动态表单的方法
- JS+DIV+CSS实现仿表单下拉列表效果
- JQuery对表单元素的基本操作使用总结
- jquery表单对象属性过滤选择器实例分析
- JQuery表单验证插件EasyValidator用法分析
- jquery实现Ctrl+Enter提交表单的方法
- 基于jQuery实现的文字按钮表单特效整理