react input 获取/失去焦点
2016-09-08 21:14
736 查看
<div className={ this.state.focus ? "dis_bottom_left_onfocus" : "dis_bottom_left" } ref="bottom_left"> <input type="text" className="dis_bottom_input" ref="bottom_input" placeholder={this.props.mainName || "说点什么吧"} onBlur={ ::this.inputOnBlur } onFocus={ ::this.inputOnFocus } /> </div>
//input 获取焦点 width: 100% inputOnFocus(){ this.setState({ focus: true }); } //input 失去焦点 inputOnBlur(){ this.setState({ focus: false }); }
相关文章推荐
- 《React-Native系列》27、 Redux的异步数据流
- 使用 React 和 Flux 创建一个记事本应用
- react flux
- [深入剖析React Native]手势响应讲解
- react+flux编程实践(一) 基础篇
- 从零学React Native之13 持久化存储
- 从零学React Native之13 持久化存储
- the component of reactjs
- React Native知识11-Props(属性)与State(状态)
- ReactNative支持的样式属性
- 用ReactJs写一个简单的手风琴菜单效果
- react render执行的几种情况
- react native listview 一个有用的属性,用作两列布局
- React Native学习笔记之2
- Android React-Native Realm 基础用法总结
- React Native 性能优化之可取消的异步操作
- React 之props属性
- React 之props属性
- React 之props属性
- [深入剖析React Native]React Native Flexbox属性讲解