Revisions to Call child method from parent

minor grammar fixes

Source Link

edited Dec 17, 2020 at 17:50

xcopy

2.3k
19
24

I have two components:

Parent component
Child component

I was trying to call Child's method from Parent, I tried this way but couldn't get a result:

class Parent extends Component {
  render() {
    return (
      <Child>
        <button onClick={Child.getAlert()}>Click</button>
      </Child>
      );
    }
  }

class Child extends Component {
  getAlert() {
    alert('clicked');
  }
 
  render() {
    return (
      <h1 ref="hello">Hello</h1>
    );
  }
}

Is there a way to call Child's method from Parent?

Note: Child and Parent components are in two different files.

I have two components:

Parent component
Child component

I was trying to call Child's method from Parent, I tried this way but couldn't get a result:

class Parent extends Component {
  render() {
    return (
      <Child>
        <button onClick={Child.getAlert()}>Click</button>
      </Child>
      );
    }
  }

class Child extends Component {
  getAlert() {
    alert('clicked');
  }
 
  render() {
    return (
      <h1 ref="hello">Hello</h1>
    );
  }
}

Is there a way to call Child's method from Parent?

Note: Child and Parent components are in two different files

I have two components:

Parent component
Child component

I was trying to call Child's method from Parent, I tried this way but couldn't get a result:

class Parent extends Component {
  render() {
    return (
      <Child>
        <button onClick={Child.getAlert()}>Click</button>
      </Child>
      );
    }
  }

class Child extends Component {
  getAlert() {
    alert('clicked');
  }
 
  render() {
    return (
      <h1 ref="hello">Hello</h1>
    );
  }
}

Is there a way to call Child's method from Parent?

Note: Child and Parent components are in two different files.

minor grammar fixes

Source Link

edit approved Dec 17, 2020 at 17:50

Daniel

620
1
8
31

I have two components.:

Parent component
Child component

I was trying to call child'sChild's method from Parent, I tried this way but couldn't get a result:

class Parent extends Component {
  render() {
    return (
      <Child>
        <button onClick={Child.getAlert()}>Click</button>
      </Child>
      );
    }
  }

class Child extends Component {
  getAlert() {
    alert('clicked');
  }
 
  render() {
    return (
      <h1 ref="hello">Hello</h1>
    );
  }
}

Is there a way to call child'sChild's method from the parent Parent?

Note: Child and Parent components are in two different files

I have two components.

Parent component
Child component

I was trying to call child's method from Parent, I tried this way but couldn't get a result

class Parent extends Component {
  render() {
    return (
      <Child>
        <button onClick={Child.getAlert()}>Click</button>
      </Child>
      );
    }
  }

class Child extends Component {
  getAlert() {
    alert('clicked');
  }
 
  render() {
    return (
      <h1 ref="hello">Hello</h1>
    );
  }
}

Is there a way to call child's method from the parent ?

Note: Child and Parent components are in two different files

I have two components:

Parent component
Child component

I was trying to call Child's method from Parent, I tried this way but couldn't get a result:

class Parent extends Component {
  render() {
    return (
      <Child>
        <button onClick={Child.getAlert()}>Click</button>
      </Child>
      );
    }
  }

class Child extends Component {
  getAlert() {
    alert('clicked');
  }
 
  render() {
    return (
      <h1 ref="hello">Hello</h1>
    );
  }
}

Is there a way to call Child's method from Parent?

Note: Child and Parent components are in two different files

Question Protected by Josh Crozier

occurred Jan 18, 2019 at 2:05

fixes formatting and adds javascript tag

Source Link

edited Sep 24, 2018 at 23:08

lukeaus

12.3k
8
54
61

I have two components.

Parent component
Child component

I was trying to call child's method from Parent, I tried this way but couldn't get a result

    class Parent extends Component {
     render() {
      return (
        <Child /><Child>
        <button onClick={Child.getAlert()}>Click</button>
      );</Child>
     } );
    }
 
    }

class Child extends Component {
     getAlert() {
        alert('clicked');
     }
    
  render() {
      return (
        <h1 ref="hello">Hello</h1>
      );
     }
    }

Is there a way to call child's method from the parent ?

Note: Child and Parent components are in two different files

I have two components.

Parent component
Child component

I was trying to call child's method from Parent, I tried this way but couldn't get a result

    class Parent extends Component {
     render() {
      return (
        <Child />
        <button onClick={Child.getAlert()}>Click</button>
      );
     }
    }
 
    class Child extends Component {
     getAlert() {
        alert('clicked');
     }
     render() {
      return (
        <h1 ref="hello">Hello</h1>
      );
     }
    }

Is there a way to call child's method from the parent ?

Note: Child and Parent components are in two different files

I have two components.

Parent component
Child component

I was trying to call child's method from Parent, I tried this way but couldn't get a result

class Parent extends Component {
  render() {
    return (
      <Child>
        <button onClick={Child.getAlert()}>Click</button>
      </Child>
      );
    }
  }

class Child extends Component {
  getAlert() {
    alert('clicked');
  }
  
  render() {
    return (
      <h1 ref="hello">Hello</h1>
    );
  }
}

Is there a way to call child's method from the parent ?

Note: Child and Parent components are in two different files

Added javascript tag

Link

edit approved Sep 24, 2018 at 23:08

user972014

3.9k
10
62
105

Loading

added 65 characters in body

Source Link

edited Jun 21, 2016 at 18:33

N8FURY

10.1k
3
17
14

Loading

Source Link

asked Jun 21, 2016 at 16:34

N8FURY

10.1k
3
17
14

Loading

Collectives™ on Stack Overflow

Return to Question