React:Hook

lastmod 2022-11-15created 2022-11-151 edits

Hooks are a new addition to React as of version 16.8.

Hooks let you use state and other React features without writing class-based code.

Categories

• React:useEffect
• React:useLayoutEffect
• React:useState
• React:useReducer
• React:useRef
• React:useNavigation (react-router)

React:useState

Example

import React, { useState } from 'react';

function Example() {
  // "count"라는 새로운 상태 값을 정의합니다.  const [count, setCount] = useState(0);
  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}

See also

• react

Favorite site

• Introducing Hooks – React