Call child component method from parent in react

by

You need to make use of refs to call a function in the child component from the parent component

render the List component from parent as

<List ref="myList"/>

and then access the handleNewText() function as this.refs.myList.handleNewText()

UPDATE:

Strings refs are no longer recommended by React, you should rather use ref callbacks, check this

<List ref={(ref) => this.myList=ref}/>

and then access the child function like

this.myList.handleNewText()

More Related Contents:

  1. React setState not Updating Immediately
  2. My React Component is rendering twice because of Strict Mode
  3. What is the best way to access redux store outside a react component?
  4. Programmatically navigating in React-Router v4
  5. Dynamically Add Images React Webpack
  6. Can I dispatch an action in reducer?
  7. How to implement pagination in React
  8. class vs className in React 16
  9. React Uncaught ReferenceError: process is not defined
  10. Generating a PDF file from React Components
  11. How do I custom style the underline of Material-UI without using theme?
  12. ‘withRouter’ is not exported from ‘react-router-dom’
  13. Error: useHref() may be used only in the context of a component. It works when I directly put the url as localhost:3000/experiences
  14. How to type a page component with props in Next.js?
  15. How to avoid using relative path imports (/../../../redux/action/action1) in create-react-app
  16. Found 4 vulnerabilities on npm install
  17. Automatic redirect after login with react-router
  18. How to give Image src dynamically in react js?
  19. How to add sourcemap in React Native for Production?
  20. How to generate unique IDs for form labels in React?
  21. how to change jest mock function return value in each test?
  22. How to set build .env variables when running create-react-app build script?
  23. What is the expected return of `useEffect` used for?
  24. how to async/await redux-thunk actions?
  25. ReactJS – prevState in the new useState React hook?
  26. You cannot render a inside another . You should never have more than one in your app
  27. React – Is useState ‘s setter function able to change?
  28. How to go back to previous route in react-router-dom v6
  29. React – “localStorage is not defined” error showing
  30. Is it possible to return empty in react render function?

Leave a Comment