新版qap使用受控组件TextInput绑定onInput事件时候,修改TextInput的value会马上失焦-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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

2017-03-02 18:13:27 2546 1

测试环境
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;
取消 提交回答
全部回答(1)
相关问答

1

回答

有个问题确认一下,PolarDB-X CREATE TIME SEQUENCE 语法创建的自增ID

2022-06-28 17:50:26 230浏览量 回答数 1

0

回答

"create_time":"2022-05-21T06:05:32Z" flinkcdc导入的时间

2022-06-22 13:47:10 117浏览量 回答数 0

1

回答

调度框架认为 Kubernetes 中目前存在哪两个循环?

2021-12-09 14:21:32 160浏览量 回答数 1

1

回答

请问下这个域名的认证信息提交到管局没有? 580ms.com

2019-01-30 12:09:19 306浏览量 回答数 1

0

回答

高性能计算(Alibaba Cloud HPC)有自动快照或者自定义快照策略吗?

2017-10-20 14:09:07 2614浏览量 回答数 0

1

回答

申请域名填写了错误的用户信息不能认证如何更改

2016-09-10 12:30:45 1711浏览量 回答数 1

1

回答

id是动态的,请问jQuery怎么修改input标签的value值?在线等解答

2016-07-12 10:12:21 3005浏览量 回答数 1

1

回答

怎样修改jquery datatable插件搜索框的默认事件问题

2016-05-30 13:54:47 2977浏览量 回答数 1

1

回答

input 的value值改变事件监听

2016-03-26 11:34:47 2261浏览量 回答数 1

1

回答

springmvc修改<input type="hidden"/〉的值提交表单400错误

2016-03-16 11:54:23 2503浏览量 回答数 1
+关注
文章
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载