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

1 vote348 views2 answers
Generate apk debug react native
Javascript React
0 vote306 views1 answer
Import React from 'react'; import {Router, Scene} from 'react-native-router-flux';
Javascript React
0 vote331 views5 answers
React redux cheat sheet
Javascript React
0 vote328 views4 answers
Reactnative sliding image
Javascript React
0 vote328 views1 answer
Reactive forms angular conditional disabling
Javascript React
0 vote325 views2 answers
Airbnb and eslint react native
Javascript React
0 vote329 views2 answers
Reactjs hello world
Javascript React
0 vote355 views1 answer
React native uid
Javascript React
0 vote296 views3 answers
Router dom react v6
Javascript React
0 vote352 views1 answer
Custom login with facebook button react native
Javascript React