/Javascript/React/React native class component constructor

React native class component constructor

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

class App extends React.Component {  
  constructor(props){  
    super(props);  
    this.state = {  
         name: "" 
      }  
    this.handleChange = this.handleChange.bind(this);  
  }
  handleChange(text){
    this.setState({ name: text })
    console.log(this.props);  
  }  
  render() {  
    return (  
    <View>
      <TextInput 
      	value={this.state.name} 
  		onChangeText={(text) =>this.handleChange(text)}
      />
    </View>  
  }  
}  
export default App;

Source: reactjs.org

Similar codes

0 vote304 views1 answer
Reactjs ES6 class event listeners in jsx
Javascript React
1 vote213 views1 answer
React-native-paper password input
Javascript React
1 vote197 views1 answer
React 360
Javascript React
0 vote178 views1 answer
React state scope
Javascript React
-2 votes280 views3 answers
Keyboard dismiss in react native
Javascript React
-1 vote242 views2 answers
React map example leaflets
Javascript React
5 votes306 views1 answer
Switch was not found in 'react-router-dom'
Javascript React
1 vote216 views1 answer
React native rename package name
Javascript React
0 vote252 views1 answer
ResolveAssetSource react-native-web
Javascript React
0 vote211 views1 answer
React js loop through array of objects
Javascript React