Breaking News: Grepper is joining You.com. Read the official announcement!

component did update

shari bhai answered on September 21, 2022 Popularity 3/10 Helpfulness 1/10

answer component did update

related component did update react

component did update

Comment

import React from 'react'; 
  
class App extends React.Component { 
  // Defining the state 
  state = { 
    company: 'GFG'
  }; 
  
  componentDidMount() { 
    // Changing the state after 600ms 
    setTimeout(() => { 
      this.setState({ company: 'GeeksForGeeks' }); 
    }, 600); 
  } 
  
  componentDidUpdate() { 
    document.getElementById('disclaimer').innerHTML = 
      'P.s:  GFG is also known as ' + this.state.company; 
  } 
  
  render() { 
    return ( 
      <div> 
        <h1 style={{ 
          margin: 'auto', 
          width: '50%', 
          padding: 20, 
          marginTop: '10%', 
          border: 'solid 1px black', 
          textAlign: 'center', 
          fontSize: 18, 
        }}> 
          Greatest Science Portal For Geeks : 
          {this.state.company} 
          <div id="disclaimer"></div> 
        </h1> 
      </div> 
    ); 
  } 
} 
  
export default App;

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: www.geeksforgeeks.org

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Dec 20 2023

shari bhai

0 Answers Avg Quality 2/10

Closely Related Answers

component did update react

Comment

export default class Task extends React.Component {
  
  constructor(props, context) {
    super(props, context);
    this.state = {
      name: "",
      age: "",
      country: ""
    };
  }

  componentDidUpdate() {
    this._commitAutoSave();
  }

  _changeName = (e) => {
    this.setState({name: e.target.value});
  }

  _changeAge = (e) => {
    this.setState({age: e.target.value});
  }

  _changeCountry = (e) => {
    this.setState({country: e.target.value});
  }

  _commitAutoSave = () => {
    Ajax.postJSON('/someAPI/json/autosave', {
      name: this.state.name,
      age: this.state.age,
      country: this.state.country
    });
  }

  render() {
    let {name, age, country} = this.state;
    return (
      <form>
        <input type="text" value={name} onChange={this._changeName} />
        <input type="text" value={age} onChange={this._changeAge} />
        <input type="text" value={country} onChange={this._changeCountry} />
      </form>
    );
  }
}

Popularity 8/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Sep 21 2022

Jittery Jellyfish

0 Answers Avg Quality 2/10

component did update

Contents

More Related Answers

component did update

Closely Related Answers

component did update react

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.