Question

useState funksiyasini ishlatib knopkaga bosganda tepasidan yozuv chiqsin masalan bir martta bosgan bosela siz bir martta bosdingiz degan va har bosganizda sonlari ozgarsin

Answer 1

useState funksiyasini ishlatib knopkaga bosganda tepasidan yozuv chiqsin masalan bir martta bosgan bosela siz bir martta bosdingiz degan va har bosganizda sonlari ozgarsin

Answer 2

Aşağıda, React'ta useState kullanarak bir butona tıklandığında tepsiye bir metin yazdıran bir örnek bulunmaktadır:

jsxCopy code
import React, { useState } from 'react';

function App() {
  const [message, setMessage] = useState('');

  const handleClick = () => {
    const date = new Date().toLocaleDateString();
    const time = new Date().toLocaleTimeString();
    setMessage(`Siz ${date} ${time} tarihinde bastınız.`);
  };

  return (
    <div>
      <button onClick={handleClick}>Bas</button>
      <p>{message}</p>
    </div>
  );
}

export default App;

Bu örnekte, useState ile bir message durumu oluşturduk ve başlangıçta boş bir dize ile başlattık (''). setMessage fonksiyonunu kullanarak durumu güncelliyoruz. handleClick işlevi, tıklama olayını yakalayıp tarih ve saat bilgisini alarak message durumunu günceller. Daha sonra, <p>{message}</p> ile bu mesajı görüntülüyoruz.

Her tıklamada, yeni bir tarih ve saat değeriyle birlikte bir mesaj görüntülenir. Örneğin, ilk tıklamada "Siz 6/6/2023 10:15:30 tarihinde bastınız." şeklinde bir mesaj görüntülenecektir.