React Hook គឺ​ជា​យន្តការ​មួយ​ចំនួន ដែល​អនុវត្ត​អោយ​អាច​យក​យកដោះដូរ​តំលៃទិន្នន័យ​ផ្សេង​ ឬ​ធ្វើ​អ្វី​មួួ​យ​ចំនួន​ទៀត ក្នុង​ពេល​ជាក់ស្តែង​។ ពិនត្យ​កម្មវិធី​ខាង​ក្រោម​នេះ៖

 

//settings.js

let Settings = {}

Settings.siteTitle = 'ទស្សនាវដ្តីយើង'

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
import {useState} from 'react'

function Head(props){
    const [name, setName] = useState("")

    const handleSubmit = (event) => {
        event.preventDefault()
        alert(`The name you entered was: ${name}`)
    }

  return(
    <form onSubmit={handleSubmit}>
      <label>Enter your name: 
        <input 
          type="text" 
          value={name}
          onChange={(e) => setName(e.target.value)}
        />
      </label>
      <input type="submit" />
    </form>
  )
}

export default Head