React js make submit form not reload page

import React, { useState } from 'react'
export default function Home(){
const [keyword, setKeyword] = useState('')
const handleSubmit = (e) => {
e.preventDefault(); // hanlde form not reload page
console.log(keyword)
}
return (
<form onSubmit={handleSubmit}>
<input type="text" value={keyword} onChange={(e) => e.setKeyword(e.target.value)}/>
</form>
)
}

Komentar

Posting Komentar

Postingan populer dari blog ini

cara menampilkan perulangan pada textbox menggunakan vb.net 2008

Gambar
mungkin topik pembahasan disini sedikit singkat hanya satu baris perintah. tapi bagaimana jika memang yang tidak tau betul gimana cara membuat looping di textbox. saya pernah mengalami ditantang oleh senior membuat looping dengan textboxt, saya menganggap remeh tantangna tersebut. dan alhasil saaya tidak bisa selama tiga bulan, disistu saya merasa putus asa tidak tau lagi bagaimana caranya agar bisa memecahkan masalah tersebut, coba tanya mbah google kaga ada juga. yah sudahlah mungkin tuhan mempunnyai rencara yang baik untuk dipertemukan dengan jodoh saya... buahahahaha. cukup sekian basa-basinya mungkin para pembaca sudah mulai lapar berhubung saya juga lapar, maka dari itu saya mau belajar masak dulu hehe agak garing dikit sih... langsung ke TKP silahkan tambahkan textboxt dalam form, lalu ganti namenya di propertis jadi perulangan...  sebenarnya dalam pembuatan name ini bisa kita buart  apa saja asal namenya tidak ada yang sama dengan name yang lain,dan jangan lupa jug...
Baca selengkapnya