/Javascript/React/How to pass a component as a prop in react

How to pass a component as a prop in react

Pass props in react

/* PASSING THE PROPS to the 'Greeting' component */
const expression = 'Happy';
<Greeting statement='Hello' expression={expression}/> // statement and expression are the props (ie. arguments) we are passing to Greeting component

/* USING THE PROPS in the child component */
class Greeting extends Component {
  render() {
    return <h1>{this.props.statement} I am feeling {this.props.expression} today!</h1>;
  }
}

How to pass a component as a prop in react

const Parent = () => { 
  return (
    <Child  componentToPassDown={<SomeComp />}  />
  )
}

const Child = ({ componentToPassDown }) => { 
  return (
    <>
     {componentToPassDown}  
    </>
  )
}

Source: stackoverflow.com

Similar codes

0 vote252 views1 answer
Declaring variable react hooks
Javascript React
0 vote213 views1 answer
Google pay payment gateway for react js project
Javascript React
0 vote208 views1 answer
Syntax for srcset in react
Javascript React
0 vote250 views1 answer
React Redux component getById crud exemple
Javascript React
0 vote238 views2 answers
Storage package npm react
Javascript React
2 votes251 views1 answer
React native text right align
Javascript React
1 vote200 views1 answer
React why onclick property function trigger without click
Javascript React
11 votes275 views3 answers
Shadow border react native
Javascript React
0 vote224 views1 answer
What difference between react func and class components
Javascript React
0 vote295 views1 answer
How to pass parent function to child screen in React Navigation
Javascript React