React原生TextInput有一个默认值，当状态改变时，我们如何更新/传递DefualtValue作为文本条目(onchangetext)

文章/答案/技术大牛

发布

1回答

reactjs、native、textinput

this.state{ // state } placeholder='name' returnKeyType="next"onChangeText={name=> this.

浏览 7提问于2018-08-29得票数 1

回答已采纳

3回答

尝试键入文本输入时出现的合成事件错误

reactjs、react-native、react-state-management、react-state

我正在建立一个反应-本地登录页面。每当我在username字段中输入某项内容时，我都会收到一个警告：合成事件由于性能原因而被重用，和文本标记的值没有按需要进行更改。我编写的代码如下： <View style={loginStyles.nestedContainer}

浏览 1提问于2020-04-19得票数 0

回答已采纳

1回答

我可以使用React Native将样式应用于用户输入中的文本子集吗？

react-native

比方说，在TextInput元素中，如果一个单词在写完这个单词时(而不是在提交文本之后)被格式化为@someonesusername，那么我想使它成为绿色的，在这种情况下，将文本发送到具有子集样式的普通文本组件是很容易的我想过用绝对定位在一个文本组件下面，并使实际的TextInput组件不可见，但是保持同步似乎是一件令人头疼的事情，并且在编辑光标不会出现在那里的意义上造成了可用性挑战，除非你连接到一个自定义的光标元素

浏览 7提问于2019-03-06得票数 0

回答已采纳

3回答

反应本地- onChangeText和onSubmitEditing之间的区别？

javascript、reactjs、react-native

从Facebook React原生文本输入文档中，我能够看出当使用onSubmitEditing时会发生这样的情况：我为什么要用另一种呢？例如，如果我正在为TextInput字段制作接受文本的东西，难道我不想使用onChangeText吗？在一些例子中，我看到他们使用onSubmitE

浏览 0提问于2018-04-01得票数 10

回答已采纳

1回答

如何将以前的状态更新为新日期

reactjs、react-native、setstate、use-state、react-typescript

我正在开发一个原生react项目，并且我使用的是mmazzarolo/react-native-modal-datetime-picker 为了改变状态，我这样做， export default =<Controller render={({ onChange, onBlur, value }) => ( <TextInputstyle={styles.i

浏览 12提问于2021-01-31得票数 0

2回答

自定义搜索栏标题onchange函数react原生

reactjs、react-native

我已经在我的react原生项目中创建了一个自定义标题和搜索栏。我在我的主组件中调用了标题和搜索栏。我想上个热搜。就像当用户开始输入第一个字母时，过滤器想要工作。现在我的问题是，因为我对搜索栏有单独的类函数，并且我将那个类调用到我的主组件中。我想写onchange函数的地方。如果我的编码结构错误，请纠正我，并帮助我实现输出。提前谢谢。config.deviceWidth * 0.27, alignItems: &qu

浏览 16提问于2020-09-26得票数 0

5回答

`onChangeText={(文本) => this.setState({text})`是如何工作的？

javascript、reactjs、react-native

在上，他们给出了一个使用onChangeText的示例： <TextInput /> 我不太明白为什么this.state.text被设置为TextInput的值。

浏览 1提问于2018-09-11得票数 1

回答已采纳

2回答

React Native - onChange与TextInput的onChangeText之间的差异

react-native

我不确定什么时候在TextInput组件中使用onChange和onChangeText。我知道onChangeText在回调中接受更改后的文本作为arg，但这就是您使用onChangeText的原因，因为您可以在回调中更新状态？

浏览 2提问于2017-06-07得票数 48

回答已采纳

5回答

如何用单个处理程序处理多个TextInput句柄？

reactjs、react-native、react-native-ios、react-native-0.46

我为TextInput创建了公共类，并多次使用它，但它的事件处理方法相同。在textInput中填充数据后，我想处理数组数据。textField组件根据数组数据动态添加。现在，当用户编辑textInput时，我希望标识特定索引上的textInput和更新的数组文本。keyboardType = "

浏览 0提问于2017-09-14得票数 5

回答已采纳

6回答

React Native -设置TextInput光标位置

android、ios、react-native

在我的React Native应用程序中，我正在尝试将TextInput的光标位置设置为一个特定的位置(例如：到第5个字符)，但我有这样做的困难，因为文档是缺乏一点。我怀疑这与TextInput的'setSelection‘属性有关，但我似乎不知道该怎么办。谢谢。

浏览 3提问于2015-11-13得票数 21

4回答

TextInput在搜索时键入一个符号后失去了焦点

javascript、reactjs、react-native、redux、react-redux

我有一个FlatList <FlatList data={this.state.restaurants}我使用TextInput作为搜索栏。style={{height: 40, flex: 1}} const

浏览 6提问于2017-10-26得票数 6

回答已采纳

1回答

即使设置了'onChange‘函数，React本机状态也不会更新

javascript、react-native

我不知道这是否是我构造它的原因，但是使用'set‘函数改变状态直到我再次改变条目之后才会改变状态。例如，我将输入文本，然后按"post“，这将更新状态，当console.warn打印时，不会打印任何内容。然后我再次更改文本并按下post，console.warn将输出最近一次更改之前的内容。import React, {useState, cr

浏览 27提问于2021-08-02得票数 0

1回答

not本机: onChangeText没有更新钩子状态

javascript、react-native、react-hooks

我的本机应用程序中有一个组件，允许用户创建一个post。用户可以简单地输入他们想要的文本作为他们的文章的正文。当然，我已经决定为此使用TextInput组件，并且我正在使用onChangeText={text => onChangeText(text)}设置我的身体状态。当我单击标题右上角的create_post按钮时，我会得到"“作为主体的值。在整个应用程序中，我都有其他文本输入

浏览 1提问于2021-06-16得票数 1

回答已采纳

20回答

仅接受数字字符的React本机TextInput

react-native

我需要有一个反应原生TextInput组件，将只允许输入数字字符(0 - 9)。我可以将keyboardType设置为numeric，这样除了句点(.)之外，我几乎可以在那里输入。到目前为止，我想要的是使用OnChangeText事件来查看输入的文本。我从文本中删除了所有非数字字符。然后将文本放在状态字段中。然后通过它的Value属性更新TextInput。下面的代码片段。<TextInput

浏览 206提问于2015-10-05得票数 130

回答已采纳

5回答

如何使用textInput从下一个屏幕获取数据到仅使用本机响应中的文本字段的前一个屏幕

reactjs、react-native、react-native-ios

它只是一个简单的测试屏幕。导航是在两个屏幕上完成的。我是初学者，所以我对redux不熟悉。我希望当用户在第二个屏幕上输入文本时，当用户从第二个屏幕切换到第一个屏幕时，相同的文本将以用户名的形式出现在第一个屏幕上。请帮帮我。谢谢， import { View, Text } from 'react</

浏览 1提问于2019-10-31得票数 0

8回答

使用React生成多行扩展TextInput

ios、ios8、react-native

我正在开发一个react-原生应用程序，需要一个与iOS上的"messages“应用程序中的文本视图具有类似功能的TextInput，它应该从一行开始，然后优雅地扩展到更多的行，直到有一些限制(比如5行文本看一看SlackTextViewController，但是( a)它似乎有很多我不想要的东西；( b)我想尽量保持尽可能多的代码在React中(并且远离objective/ want )。编辑:

浏览 6提问于2015-07-17得票数 27

回答已采纳

3回答

无法将autoCorrect转换为{false}以响应本机TextInput

ios、react-native、text、keyboard

在我的TextInput更改文本中，我检测到用户是否按下@按钮以获得提及。suggestTrigger[0] : null; searchQuery: searchQuery}<TextInputfalse : true}/>

浏览 0提问于2018-11-08得票数 14

3回答

TextInput忽略React Native上的双击(句点)

reactjs、react-native、textinput

我有一个TextInput组件，每当用户输入时它都会改变状态，但我意识到由于TextInput的值使用this.state.text作为值，双击空格在iOs上不会产生句号。onChange =(text) => { } onChangeText={this.onChange

浏览 3提问于2018-05-09得票数 4

4回答

当输入为空时，TextInput光标跳到右端

react-native

当字段为空时，TextInput中的光标将跳转到右端。<TextInput keyboardType="number-pad" placeholder="Inactivity time in seconds" onChangeText={ (value) => this.setState({ inactiv

浏览 35提问于2020-02-18得票数 5

1回答

本机状态在保存时返回初始值

reactjs、react-native、react-native-navigation、react-native-tab-view

我正在构建一个反应-本地应用程序和使用反应-本机标签-视图在我的应用程序。我添加了useEffect来记录状态更改后的状态，当我在子选项卡上的两个字段中输入文本时，状态将被正确更新。屏幕正在将一个保

浏览 1提问于2020-07-31得票数 0

回答已采纳

点击加载更多