This is how you would pass a Props value to a component in a react applicaiton.

App.js

Import the component:

import Addition from './Addition';

 

Include the component in your JSX:

<Addition subject="Addition" />

 

Component called Addition.jsx

function Addition(props) {
  let subject = props.subject;
  return (
    <div>
      <h1>Addition Component subject={subject}</h1>
    </div>
  )
}

export default Addition

 Output: Addition Component subject=Addition

Hope this helps

Beginners Basic Tutorial Build A Ionic + React App
Use React Component Within The Same File As Functional Component