首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >React本机TextInput onSubmitEnding不工作-创建合成事件

React本机TextInput onSubmitEnding不工作-创建合成事件
EN

Stack Overflow用户
提问于 2019-02-28 03:37:00
回答 2查看 1.7K关注 0票数 0

所需状态

我在原生react中有两个文本输入字段,每个字段的最终输入都需要追加到一个数组中。因此,我使用onSubmitEditing,因为如果我使用onChangeText,则用户输入的每个字符都会被附加到数组中。

错误

onSubmitEditing调用父组件中的函数并给出以下错误

"ExceptionsManager.js:84警告:出于性能原因,此合成事件已重复使用。如果您看到此情况,则表示您正在访问已发布/无效的合成事件的属性nativeEvent。此属性设置为null。如果必须保留原始合成事件,请使用event.persist()。“

我尝试将函数移到同一个文件中,这并不理想,但我仍然返回此数组,而不是文本输入。数组中似乎没有任何有用的东西。

"SyntheticEvent“

代码

子组件

 <TextInput
    style={styles.signupInput}
    onSubmitEditing={(val) => this.props.saveFriends(val)}
    autoCorrect={false}
    autoFocus={true}
    placeholder={'friend one'}
    placeholderTextColor={'white'}
  />
  <TextInput
    style={styles.signupInput}
    onSubmitEditing={(val) => this.props.saveFriends(val)}
    autoCorrect={false}
    autoFocus={true}
    placeholder={'friend two'}
    placeholderTextColor={'white'}
  />

父组件

  saveFriends = (val) => {
    this.setState({
      friends: [
        ...this.state.friends,
        val
      ]
    })
}

任何帮助都将不胜感激!

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54913226

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档