useEffect4 dengan dependency props

by istiq20

JavaScript

import React, { useState, useEffect } from 'react';

function DependencyProps({ level }) {
  const [count, setCount] = useState(0);
  
  useEffect(() => {
    console.log("State count berubah menjadi: ", count)
    if (level < 2) {
       console.log('Peringkat 1')
    } else if (level < 5) {
       console.log('Peringkat 2')
    } else {
       console.log('Peringkat 3')
    }
  }, [level])
  
  return (
    <div>
      <h1>Nilai dari state Counter</h1>
      <h2>{count}</h2>
      <button onClick={() => setCount(count + 1)}>
      	Add Counter
      </button>
    </div>
  );
}

export default DependencyProps;