UseState4

by istiq20

JavaScript

import React, { useState } from 'react';

function App() {
  const [state, setState] = useState({
      counter: 0,
      foods: ['Mie Goreng', 'Nasi Goreng']
  });
  
  const addCounter = () => {
    setState({...state, counter: state.counter + 1});
  };
  
  return (
    <div>
      <h1>Nilai dari counter</h1>
      <h2>{state.counter}</h2>
      <button onClick={addCounter}>
      	Add Counter
      </button>
    </div>
    
    <div>
      <h1>Daftar Menu</h1>
      {foods.map((food) => <p>{food}</p>)}
    </div>
  );
}

export default App;