React: adding props to an existing component

by

You need to clone the element and add the additional props using React.cloneElement e.g:

const ClonedElementWithMoreProps = React.cloneElement(
  this.mainContent, 
  { anotherMessage: "nice to meet ya!" }
);
// now render the new cloned element?

More Related Contents:

  1. What is component in reactjs?
  2. React setState not updating state
  3. Call child method from parent
  4. Rerender view on browser resize with React
  5. React Context vs React Redux, when should I use each one? [closed]
  6. Correct way to push into state array
  7. React JS – Uncaught TypeError: this.props.data.map is not a function
  8. Pass react component as props
  9. react-router getting this.props.location in child components
  10. How to register event with useEffect hooks?
  11. Is there a generic way to set state in React Hooks? How to manage multiple states?
  12. React Function Components with hooks vs Class Components
  13. Can I execute a function after setState is finished updating?
  14. where is create-react-app webpack config and files?
  15. React form onChange->setState one step behind
  16. Importing multiple files in react
  17. init state without constructor in react
  18. Is there a way to use leaflet.heat in react?
  19. onEnter not called in React-Router
  20. What do curly braces mean in JSX (React)?
  21. react-router go back a page how do you configure history?
  22. TypeScript React.FC confusion
  23. React suspense/lazy delay?
  24. Material-ui adding Link component from react-router
  25. React router global header
  26. Mock inner axios.create()
  27. Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find module ‘babel-preset-react’
  28. React router dom: Route and Router not working at all
  29. how to render child components in react.js recursively
  30. Extending React.js components

Leave a Comment