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

avatar tuyllers
@tuyllers

12 Kontribusi 2 Poin

Dipost 2 tahun yang lalu

Tanggapan

setau saya, kalo select eventnya onChange bukan onClick

Belum ada Jawaban. Jadi yang pertama Jawaban

Login untuk ikut Jawaban