/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

-1 vote185 views3 answers
Instalar react native paper
Javascript React
0 vote183 views1 answer
Search for country name from api with react
Javascript React
1 vote180 views2 answers
Change text size according to screen react native
Javascript React
4 votes177 views2 answers
[!] CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker": In Podfile: ReactCommon/jscallinvoker (from `../node_modules/react-native/ReactCommon`)
Javascript React
0 vote178 views1 answer
'unsafe-inline' react
Javascript React
0 vote192 views1 answer
Did you mean "@babel/transform-react-jsx-source"
Javascript React
0 vote171 views1 answer
React native getstream
Javascript React
0 vote333 views1 answer
Array map order by timestamp reactjs
Javascript React
0 vote210 views1 answer
Hot loading react native shortcut key
Javascript React
22 votes206 views4 answers
Copy text to clipboard reactjs
Javascript React