ដោយ​ React Component ត្រូវ​បង្កើត​ឡើង​ដោយ​ធាតុ HTML មួយ​ចំនួន អាស្រ័យ​ហេតុ​នេះ ហេតុការណ៍​ដែល​កើត​មាន​ឡើងចំពោះ​ធាតុ HTML ក៏​ជាហេតុការណ៍​របស់​ React 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){
    const showInfo = (message,event)=>{
        alert(message)
    }
    return(
        <button onClick={(event)=>{showInfo(props.siteTitle,event)}}>បង្ហាញ​ព័ត៌មាន</button>
    )
}

export default Head