UseState

useState merupakan Hook (akan dibahas apa artinya sebentar lagi). useState di panggil dalam function component untuk menambahkan suatu state lokal. React akan menyimpan state antar render. useState memberikan dua hal: nilai state saat ini dan fungsi untuk memperbarui nilai tersebut.

Example code useState app.js

import { useState } from 'react';
import './App.css';

function App() {

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

  return (
    <div className="App">
      <h1>{count}</h1>
      
      <button onClick={() => {setCount(count + 1)}}>Plus</button>
      <button onClick={() => {setCount(count - 1)}}>Minus</button>
    </div>
  );
}

export default App;

Last updated

Was this helpful?