开发者社区> 问答> 正文

新版qap使用受控组件TextInput绑定onInput事件时候,修改TextInput的value会马上失焦

测试环境
iPhone:10.2.1-iOS
weex_sdk: 0.9.5
qap-cli: 3.0.16
千牛版本: 测试版 5.8.2.1

TextInput的value和state绑定, 每当TextInput输入的时候修改state的value, 就会失焦, 收起键盘

示例代码如下

'use strict';

import {createElement, Component, render} from 'rax';
import {View, Text , TextInput } from 'nuke';
import QN from 'QAP-SDK';

class Demo extends Component {
    constructor(props) {
      super(props);

      this.state = {
        value: ""
      };
      this.onInput = this.onInput.bind(this);
    }
      onInput(e) {
      this.setState({value: e.value});
    }
    render() {
        return (
            <View>
                <Text>
                    onInput问题
                </Text>
                <TextInput
                  style={styles.input}
                  value={this.state.value}
                  onInput={this.onInput}
                />
            </View>
        );
    }
}

const styles = {
      input: {
      width: '300rem',
      height: '60rem',
      borderColor: '#000',
      borderWidth: '1rem',
      borderStyle: 'solid',
    }
};

render(<Demo />);

export default Demo;

展开
收起
milo__ 2017-03-02 18:13:27 2992 0
1 条回答
写回答
取消 提交回答
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载