/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 vote342 views1 answer
Box-shadow: 0px 4px 8px rgba(164, 188, 223, 0.15); to react native
Javascript React
0 vote315 views1 answer
Dispatch event not working react native redux
Javascript React
0 vote355 views1 answer
React native calender date picker
Javascript React
7 votes334 views1 answer
How to place a line break in react native
Javascript React
0 vote329 views1 answer
Radio button in react native expo
Javascript React
0 vote344 views2 answers
React native bordered image drop with shadow fix
Javascript React
13 votes337 views4 answers
Passing data in react router history,push
Javascript React
0 vote325 views1 answer
React native get uri of the image in the app assets folder
Javascript React
0 vote339 views1 answer
React native style variable
Javascript React
0 vote333 views1 answer
React-file-base64
Javascript React