Call child function from parent component in React Native

by

Nader Dabit’s answer is outdated, since using String literals in ref attributes has been deprecated. This is how we would do it as of September 2017:

<Child ref={child => {this.child = child}} {...this.props} />
<Button onPress={this.child.myfunc} />

Same functionality, but instead of using a String to reference the component, we store it in a global variable instead.

More Related Contents:

  1. What is the difference between Expo and React Native?
  2. Setting environment variable in react-native?
  3. Module AppRegistry is not registered callable module (calling runApplication)
  4. How to build .ipa application for react-native-ios? [closed]
  5. React Native: Possible unhandled promise rejection
  6. React-Navigation with Login Screen
  7. How do I display an animated gif in React Native?
  8. Want to share multiple images with separate caption to each image Whatsapp, react native share
  9. React Native Error: ENOSPC: System limit for number of file watchers reached
  10. Unable to resolve module ‘AccessibilityInfo’, when trying to create release bundle
  11. React Native DEV and PROD variables
  12. React Native TextInput that only accepts numeric characters
  13. How to remove ‘Warning: Async Storage has been extracted from react-native core…’?
  14. How to make Metro (React Native packager) ignore certain directories
  15. Does react native support base64 encoded images?
  16. FlatList calls `onEndReached` when it’s rendered
  17. React Native – Device back button handling
  18. How to use global variables in React Native?
  19. Is React Native’s Async Storage secure?
  20. Pass Data between Pages in React native
  21. Unable to resolve module `@babel/runtime/helpers/interopRequireDefault`
  22. React Native Android Build Error MainActivity.java:29: error: cannot find symbol
  23. react native get TextInput value
  24. Detect ScrollView has reached the end
  25. Network Response Time Out Error (create-react-native-app) (expo)
  26. However, this package itself specifies a `main` module field that could not be resolved
  27. emulator-5554 unauthorized for adb devices
  28. React Native – React Navigation transitions
  29. JSON Parse error: Unrecognized token’
  30. fetch response.json() gives responseData = undefined

Leave a Comment