Question

如何为React Native文本输入同时处理两个事件？例如，在我的组件中，我希望在我输入时更改文本，并在我输入时提交。我尝试使用下面的代码，它没有用，但我认为这是想法

<TextInput onChangeText={this.functionA} onSubmitEditing={this.functionB}></TextInput>

Answer 1

我在这里测试和检查你。

import React, { Component } from 'react';
import { AppRegistry, TextInput, View } from 'react-native';

export default class UselessTextInput extends Component {
  constructor(props) {
    super(props);
    this.state = { text: 'Useless Placeholder' };
  }

  functionA(){
    alert('AAA');
  }

  functionB(){
    alert('BBB');
  }

  render() {
    return (
      <View style={{paddingTop:40}}>
      <TextInput
        style={{height: 40, borderColor: 'gray', borderWidth: 1}}
        // onChangeText={(text) => this.setState({text})}

        onChangeText={this.functionA} onSubmitEditing={this.functionB}

        value={this.state.text}
      />
      </View>
    );
  }
}

请确保您已阅读Document 而且，你应该明白：

当文本输入的文本发生变化时，会调用
onChangeText 。

============

按下文本输入的提交按钮时，将调用
onSubmitEditing 。

希望这有助于您了解和指导更多信息。

在React Native中处理TextInput事件

1 个答案: