Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
Reactjs (onClick) tidak re-render setelah variabel berubah nilainya
const clickTest = (e) => {
// content = "hahaha"; // not rerender???
// console.log(content); // ok
console.log(e.target.value); // how to get child option value when onclick select
console.log("test data_get passed")
// console.log(data_get); ok
if (e.target.value === '*') {
console.log("Semua dipilih")
} else {
// console.log(el.target.value); // listDenom is undefined, listdenomstate is limited
const typeFiltered = data_get.filter(x => x.brand.toUpperCase() === m.toUpperCase() && x.type.toUpperCase() === e.target.value.toUpperCase()); // undefined
// console.log(typeFiltered);// ok
content = typeFiltered.map((list, i) => { // why not rerender??
if (list.brand == m.toUpperCase()) {
return(
<div className="mobile-wrapbox" key={i}>
<Link to={'#'} onClick={clickBoxHandler} key={i} id={list.sku_code}>
<div className="mobile-boxlist" id={list.sku_code}>
<p>{list.product_name.toLocaleString().replace(',', '.')}</p>
<p>Rp {list.price.toLocaleString().replace(',', '.')}</p>
</div>
</Link>
<hr/>
<Link to="" onClick={showDesc} id={list.sku_code}>Tampilkan deskripsi</Link>
</div>
)
}
})
}
}
options = (()=>{
if ("TELKOMSEL" == m.toUpperCase()) {
return(
<select name="telkomselType" className="typelist" onClick={clickTest}>
<option value="*" className="type">Semua</option>
<option value="Telp & SMS" className="type">Telp & SMS</option>
<option value="Umum" className="type">Umum</option>
<option value="Bulk" className="type">Data Bulk</option>
<option value="Flash" className="type">Data Flash</option>
</select>
)
} else if ("INDOSAT" == m.toUpperCase()){
return(
<select name="indosatType" className="typeList" onClick={clickTest}>
<option value="Semua" className="type">Semua</option>
<option value="Telp & SMS" className="type">Telp & SMS</option>
<option value="Umum" className="type">Umum</option>
<option value="Pure" className="type">Data Pure</option>
<option value="Freedom Internet" className="type">Freedom Internet</option>
</select>
)
} // else
})();
apakah ada yang tau kesalahan dari kode di atas? sebenarnya perubahan value content berjalan dengan lancar tetapi tidak di render oleh reactjs setelah perubahan variabel dengan onclick
0
Tanggapan
setau saya, kalo select eventnya onChange bukan onClick
Belum ada Jawaban. Jadi yang pertama Jawaban
Login untuk ikut Jawaban