Hooks  یک قابلیت جدید در ریکت 16.8 می باشد. با استفاده از Hooks می توانیم از state و سایر ویژگی های ریکت بدون نوشتن کلاس استفاده کنیم.در واقع به جای نوشتن  کلاس از متد (function) استفاده می کنیم و کدنویسی کمتری نیاز  هست .در زیر یک مثال با استفاده از کلاس نشان داده شده است

class Appp extends React.Component {
  constructor(props) {
    super(props);
    this.state = {count: 0};
  }
  render() {
    return (
      <div>
	<button onClick={()=>this.setState({count : this.state.count+1})}>
	click me
	</button>
      </div>
    );
  }
}

در مثال زیر از یک Hooks  به نام useState استفاده شده است.

import React , {useState} from 'react';

function App(){

	const[ count , setCount]=useState((0);

	return (
	<div>
		<buttoon onclick={()=> setCount(count +1)}>
		</buttonn>
	</div>
);
}

useState فقط یک آرگومان دارد که در آن مقدار اولیه  state را به آن می دهیم.

همانطور که می بینیم در مثال بالا از کلاس استفاده نشده و از function استفاده شده است.با استفاده از  setCount میتوانیم count را مقداردهی  کنیم.