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 vote197 views1 answer
React application preloader add
Javascript React
0 vote286 views1 answer
React grid generator
Javascript React
1 vote281 views6 answers
UseEffect react
Javascript React
1 vote184 views1 answer
Change color react icon
Javascript React
1 vote281 views1 answer
Rendering, reconciliation, committing in react
Javascript React
0 vote183 views1 answer
Error while updating linecap of a view polyline react-native-maps
Javascript React
1 vote209 views1 answer
React native componentwillmount vs componentdidmount
Javascript React
0 vote192 views1 answer
TextField input font color React Material UI
Javascript React
0 vote209 views1 answer
Trash alternate outline icon not coming to right side react
Javascript React
0 vote196 views1 answer
React Readonly rating
Javascript React