Postingan lainnya
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