/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 vote246 views1 answer
Use jsx extension react-native
Javascript React
0 vote259 views2 answers
Why we need react js
Javascript React
0 vote253 views1 answer
Write button hover in react
Javascript React
0 vote260 views3 answers
Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
Javascript React
0 vote234 views3 answers
How to hide a screen from drawer in react navigation 5
Javascript React
0 vote313 views1 answer
Require cycle disable warning react native
Javascript React
1 vote280 views1 answer
How to use cookies in react js
Javascript React
0 vote259 views1 answer
React get current date minus 7 days
Javascript React
20 votes235 views2 answers
React localstorage
Javascript React
23 votes236 views2 answers
Create-react-app npm yarn
Javascript React