如何从反应本机元素获取输入值

时间:2020-01-15 07:18:53

标签: react-native

在React Native 16中。

获取输入值

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

输出值

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

2 个答案:

答案 0 :(得分:4)

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}
    />
  );
}

希望这会有所帮助

答案 1 :(得分:0)

将值设置为状态。

const getValue = event => {
   this. setState({text: event.nativeEvent.text});
 };