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

remove component react js

Helpful Hoopoe answered on March 25, 2021 Popularity 9/10 Helpfulness 3/10

answer remove component react js

related react remove component

remove component react js

Comment

class Child extends React.Component {
    constructor(){}
    dismiss() {
        this.props.unmountMe();
    } 
    render(){
        // code
    }
}

class Parent ...
    constructor(){
        super(props)
        this.state = {renderChild: true};
        this.handleChildUnmount = this.handleChildUnmount.bind(this);
    }
    handleChildUnmount(){
        this.setState({renderChild: false});
    }
    render(){
        // code
        {this.state.renderChild ? <Child unmountMe={this.handleChildUnmount} /> : null}
    }

}

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Mar 25 2021

Helpful Hoopoe

0 Answers Avg Quality 2/10

Closely Related Answers

react remove component

Comment

import React, { useState } from 'react';

const MyComponent = () => {
  const [showComponent, setShowComponent] = useState(true);

  const handleRemoveComponent = () => {
    setShowComponent(false);
  };

  return (
    <div>
      {showComponent && <ComponentToRemove />}
      <button onClick={handleRemoveComponent}>Remove Component</button>
    </div>
  );
};

const ComponentToRemove = () => {
  return <h1>Component to Remove</h1>;
};

Popularity 5/10 Helpfulness 1/10 Language javascript

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 11 2023

YOU.com

0 Answers Avg Quality 2/10

remove component react js

Contents

More Related Answers

remove component react js

Closely Related Answers

react remove component

Grepper

Documentation

Social

Legal

Contact

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