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 vote114 views1 answer
Will console.log will be automatically disabled in react native for development build
Javascript React
0 vote107 views1 answer
React enzyme
Javascript React
1 vote118 views2 answers
Use state reactjs
Javascript React
1 vote103 views1 answer
ERESOLVE unable to resolve dependency tree Found: [email protected] Could not resolve dependency: react native paper
Javascript React
0 vote108 views1 answer
Add React Router to React Redux CRUD App
Javascript React
0 vote106 views1 answer
Text inside an image component react native
Javascript React
0 vote102 views1 answer
Type svg react
Javascript React
2 votes105 views1 answer
React not getting img by src
Javascript React
0 vote103 views1 answer
Error: Error: Unable to resolve module `react-native-gesture-handler` from `node_modules\@react-navigation\native\lib\module\Scrollables.js`: react-native-gesture-handler could not be found within the project.
Javascript React
0 vote103 views1 answer
Reduce to calculate sum react
Javascript React