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

call a method of component from outside react

Zealous Zebra answered on June 23, 2021 Popularity 6/10 Helpfulness 1/10

answer call a method of component from outside react

related Calling a Method from Outside of the Component

call a method of component from outside react

Comment


const MyComponent = ({myRef}) => {
  const handleClick = () => alert('hello world')
  myRef.current.handleClick = handleClick
  return (<button onClick={handleClick}>Original Button</button>)
}

MyComponent.defaultProps = {
  myRef: {current: {}}
}

const MyParentComponent = () => {
  const myRef = React.useRef({})
  return (
    <>
      <MyComponent 
        myRef={myRef}
      />
      <button onClick={myRef.current.handleClick}>
        Additional Button
      </button>
    </>
  )
}

Popularity 6/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: call javascript

Link to this answer
Share Copy Link

Contributed on Jun 23 2021

Zealous Zebra

0 Answers Avg Quality 2/10

Closely Related Answers

Calling a Method from Outside of the Component

Comment

<!-- Parent.vue -->
<template>
  <ChildComponent ref="child" />
</template>

// Somewhere in Parent.vue
this.$refs.child.method();

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: dev.to

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Jul 28 2021

Relieved Rook

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

call a method of component from outside react

Contents

More Related Answers

call a method of component from outside react

Closely Related Answers

Calling a Method from Outside of the Component

Grepper

Documentation

Social

Legal

Contact

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