How to get value from textinput in react native

Copy 
1import React from 'react';
2import { View, Text, TextInput } from 'react-native';
3
4class TextInputExample extends React.Component {
5    constructor(props){
6        super(props);
7
8        this.state = {
9            text: ''
10        }
11    }
12
13    render() {
14        return (
15            <View style={{padding: 10}}>
16                <TextInput
17                    style={{height: 40}}
18                    placeholder="Type here to show user!"
19                    onChangeText={text => this.setState(text)}
20                    defaultValue={text}
21                />
22                <Text style={{padding: 10, fontSize: 42}}>
23                    {this.state.text}
24                </Text>
25            </View>
26        );
27    }
28}
29
30export default TextInputExample;

Copy 
1import React, { useState } from 'react';
2import { Text, TextInput, View } from 'react-native';
3
4const TextInputExample = () => {
5  const [text, setText] = useState('');
6  return (
7    <View style={{padding: 10}}>
8      <TextInput
9        style={{height: 40}}
10        placeholder="Type here to show user!"
11        onChangeText={text => setText(text)}
12        defaultValue={text}
13      />
14      <Text style={{padding: 10, fontSize: 42}}>
15        {text}
16      </Text>
17    </View>
18  );
19}
20
21export default TextInputExample;