/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

68 votes407 views4 answers
Inline styling react
Javascript React
1 vote371 views1 answer
I18n react meta description
Javascript React
3 votes363 views1 answer
React cloud foundry nginx 404
Javascript React
1 vote359 views5 answers
React datepicker
Javascript React
0 vote407 views1 answer
Can i open native video playback for both (Androidt / IOS) With React Native?
Javascript React
32 votes330 views4 answers
React update state array of objects
Javascript React
0 vote430 views1 answer
React chunk file too large
Javascript React
0 vote346 views1 answer
Strike react native
Javascript React
0 vote374 views1 answer
React '$' is not define
Javascript React
3 votes362 views2 answers
Autocomplete react jsx attributes vscode
Javascript React