برای اینکه بتوانیم به کامپوننت خود ورودی ارسال کنیم از آبجت props استفاده می کنیم.با استفاده از این آبجکت می توانیم ورودی پاس داده شده به فانکشن را بگیریم.

function App(props)(
return{
<div >
  <h1> {props.name} </h1>
);
}

export default App;

سپس در هنگام render کردن کامپوننت ورودی را به آن پاس می دهیم.

ReactDOM.render(
  <React.StrictMode>
    <App name="sara"/>
  </React.StrictMode>,
  document.getElementById('root')
);

همچنین می توانیم مقدار  پاس داده شده به کامپوننت را مستقیما بگیریم و از props استفاده نکنیم.

function App({name})(
return{
<div >
  <h1> {name} </h1>
);
}

export default App;