Answers for "getderivedstatefromprops"

3

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;
Posted by: Guest on August-28-2020
0

componentDidUpdate

componentDidUpdate(prevProps, prevState) {
  if (prevState.pokemons !== this.state.pokemons) {
    console.log('pokemons state has changed.')
  }
}
Posted by: Guest on November-10-2020
1

shouldcomponentupdate

shouldComponentUpdate(nextProps, nextState) {
  return true;
}
Posted by: Guest on June-08-2020
2

component did mmount

componentDidUpdate(prevProps, prevState, snapshot)
Posted by: Guest on May-01-2020
-1

react lifecycle hooks

class Content extends React.Component {
  // ...
  componentWillMount() {
    this.setState({ activities: data });
  }
  // ...
}
Posted by: Guest on October-11-2020

Browse Popular Code Answers by Language