React Props មាន​ប្រភេទ​ជា​ដំណឹង​​ទាំងឡាយ​ណា​ ដែល​ត្រូវ​ផ្តល់​អោយ​ទៅ​ក្បួន​ដែល​ជា​ component ។ ពិនិត្យ​កម្មវិធី​ខាង​ក្រោម​នេះ៖

 

//settings.js

let Settings = {}

Settings.siteTitle = 'ទស្សនាវដ្តី Internet'

export default Settings

 

//pages/index.js
import Head from '../components/head'
import Settings from '../settings'

function HomePage(){
    return(
    <>
        <Head siteTitle = {Settings.siteTitle} />
    </>
    )
}
  
export default HomePage

 

//components/head.js

function Head(props){
    return <p>{props.siteTitle}</p>
}

export default Head