如何从react-native-element获取输入值

Question

在 React Native 16 中。

获取输入值

<Input
 ...
 onChange={event => getValue(event)}
 />

产值

const getValue = event => {
   console.log(event.nativeEvent.text);
 };

Answer 1

该Input组件react-native-elements基本上是渲染TextInput组件。所以你可以使用onChangeText而不是onChange像

import React, { Component } from 'react';
import { Input } from 'react-native-elements';

export default function UselessTextInput() {
  const [value, onChangeText] = React.useState('Useless Placeholder');

  return (
    <Input
      onChangeText={text => onChangeText(text)}
      value={value}
    />
  );
}

希望这可以帮助