React Native TextInput setState() 问题

2023-12-27

我在 TextInput 的 onChangeText 中遇到了 React Native 的 this.setState() 问题。我试图在它下面的文本标签中显示 TextInput 的内容。然而,它什么也不显示——setState()调用永远不会改变this.state.searchtext。我也没有收到任何错误。预先感谢您的帮助!这是我的代码:

 export default class ShowScreen extends Component {
constructor(props) {
    super(props);
    this.state = {
        searchtext: ""
    };
}
render() {
    var thisscreen = (
        <View>
            <ScrollView
                horizontal={true}
                showsHorizontalScrollIndicator={false}
                pagingEnabled={true}
            >
                <View
                    style={{
                        flex: 1,
                        height: totalheight,
                        justifyContent: "space-around",
                        alignItems: "center",
                        width: totalwidth,
                        backgroundColor: "#FF0000"
                    }}
                >
                    <TextInput
                        style={{ height: 80, fontSize: 20 }}
                        placeholder="placeholder"
                        value={this.state.searchtext}
                        onChangeText={searchtext =>
                            this.setState({ searchtext })
                        }
                        ref={input => {
                            this.textInput = input;
                        }}
                        returnKeyType="go"
                    />
                    <Text>{this.state.searchtext}</Text>
                </View>
            </ScrollView>
        </View>
    );
    return thisscreen;
}
}

In your TextInput add value prop

<TextInput
 style={{height: 80, fontSize: 20}}
 placeholder="placeholder"
 value={this.state.searchtext}
 onChangeText={(searchtext) => this.setState({ searchtext })}
 ref={input => { this.textInput = input }}
 returnKeyType="go"
/>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

React Native TextInput setState() 问题 的相关文章

随机推荐

  • 如何在 dplyr 中链接 ifelse 语句

    我试图在我的 R 函数之一中链接 ifelse 语句 基本上我想做的是 do something lt function df cond TRUE df gt ifelse cond do something do something el
  • JQuery 自动完成替代选择下拉菜单

    我在文本输入上使用 jQuery 自动完成小部件来替换选择下拉列表 当用户单击文本框时 建议下拉菜单将打开 我的解决方案在 FireFox 中运行良好 但在 Internet Explorer 8 中运行时出现一些故障 在 Internet
  • 我如何知道何时在组合框中“重新选择”某个值?

    我正在使用 ComboBox 将文本模板插入 RichEdit 控件 模板的名称位于 ComboBox 的选项列表中 除非用户再次在列表中选择相同的值 否则一切都很好 然后SelectionChanged没有开火 根据事件的名称 这是有意义
  • 使用http劫持器有什么好处

    Go http pkg 提供了一个Hijacker http golang org pkg net http Hijacker接口 谁能告诉我什么时候应该使用它 我检查了评论 在劫持调用让调用者接管连接之后 HTTP 服务器库不会对该连接执
  • java中的正则表达式及其与indexOf的性能比较

    请有人告诉我如何匹配 和句点 使用正则表达式在字符串中恰好出现一次 而且使用 indexOf 而不是正则表达式更有效 String s Hello Wor ld or s 12323 asdfasd 基本上任何字符都可以出现在之前和之后 a
  • 使用jstree打开一个节点及其所有父节点

    我正在尝试使用 jstree 并在打开页面时打开一个节点及其所有父节点 这是我用来测试的html代码 div ul li a href TEST1 a ul li a href TEST2 a li li a href TEST3 a li
  • CSS 中 SVG“defs”标签的正确行为是什么?

    当编写带有嵌入 CSS 的 SVG 代码时
  • python 覆盖我的列表元素

    对 python 相当新 对 python 类非常新 问题有点复杂 最感谢您的耐心 我有一个 明星 班 很简单 属性 x v 和质量 另一个类 Galaxy 有一个属性 stars 它只是星星对象的列表 class Galaxy numst
  • 如何在 2D 中找到直线与椭圆的交点 (C#)

    我需要找到一条线 其原点是椭圆的中心 与二维椭圆相交的点 我可以轻松找到圆上的点 因为我知道角度 F 和圆的半径 R x x0 R cosF y y0 R sinF 然而我只是不知道我应该如何处理椭圆 我知道它的尺寸 A B 但是找到参数T
  • 在自定义标签助手中使用 Razor 标签助手

    你好 这是我的标签助手 HtmlTargetElement card public class CardTagHelper TagHelper public string Title get set public string Icon g
  • 如何将 pandas 数据框列转换为本机 python 数据类型?

    我有一个数据框 其列数据类型需要映射到 python 本机数据类型 我希望能够从 numpy 获取字典并将每一列转换为其本机类型 例如 numpy object object numpy bool bool numpy string str
  • 如何通过ajax从服务器发送png图像以在浏览器中显示

    我一直在努力完成一项非常正常的任务 我将图像上传并保存到我的网络服务器 并将文件的路径保存在 MySQL 数据库中 这一切都正常 不起作用的是从服务器获取图像文件并通过 ajax 将其显示在页面上 最初我试图从数据库中检索路径 并更新标签的
  • MySQL 原子插入(如果不存在)具有稳定的自动增量

    在 MySQL 中 我使用包含唯一名称以及这些名称的 ID 的 InnoDB 表 客户需要原子地检查是否存在名称 如果不存在则插入新名称 并获取 ID ID 是一个AUTO INCREMENT值 并且在检查现有值时不得失控地增加 无论的设定
  • MySQL 布尔全文搜索中的“~”(波形符)运算符的行为与 MySQL 开发人员网站中所述不同

    我创建了下表fruits CREATE TABLE fruits id tinyint unsigned NOT NULL AUTO INCREMENT name varchar 200 NOT NULL PRIMARY KEY id FU
  • Python PIL Image.tostring()

    我是 Python 和 PIL 新手 我正在尝试遵循代码示例 了解如何通过 PIL 将图像加载到 Python 然后使用 openGL 绘制其像素 下面是一些代码行 from Image import im open gloves200 b
  • HTTPS 握手何时发生?

    我从各种来源了解到 HTTPS 握手是使用 HTTPS 最重要的部分 我在服务器之间内部使用 POST 来传递信息 并希望使用 HTTPS 我想知道实际的 HTTPS 握手持续 保持开放 多久 是否为我发送到服务器的每个 POST 重新完成
  • JTable 单元格中的小部件

    小部件位于JTable列应该与普通列没有区别 对吧 似乎存在行为差异 采取Swing 文档示例 http docs oracle com javase tutorial uiswing components table html data并
  • 如何解决类型的发散隐式扩展

    我想上我的案例课Event K V 按键订购K总是 但我需要能够比较不同值的事件V 如何解决这种发散的隐式扩展 import scala math Ordering object Event case class Event K V key
  • 无法使用 Dancer::Plugin::Database 连接到多个数据库

    我正在使用 Dancer Plugin Database 从我的 dancer 应用程序连接数据库 对于单连接来说它工作得很好 当我尝试多个连接时出现错误 如何添加多个连接 我在 config yml 文件中添加了以下代码 plugins
  • React Native TextInput setState() 问题

    我在 TextInput 的 onChangeText 中遇到了 React Native 的 this setState 问题 我试图在它下面的文本标签中显示 TextInput 的内容 然而 它什么也不显示 setState 调用永远不