score:0

export default function deleteproductsform() {
  const initialstate = {
    idaddproducts: "",
    productname: "",
    productid: "",
    productbrand: "",
    productquantity: "",
    productprice: "",
    producttype: ""
  };
  const [values, setvalues] = react.usestate(initialstate);

  const handlename = e => {
    const idaddproducts = e.target.value;
    console.log(idaddproducts);
    e.preventdefault();
    setvalues({ ...values, [e.target.name]: idaddproducts });
    handlelist1(idaddproducts);
    console.log(values);
  };

  const handlen = e => {
    const idaddproducts = values.idaddproducts;
    console.log(idaddproducts);
    e.preventdefault();
    setvalues({ ...values, [e.target.name]: idaddproducts });
    handlelist(idaddproducts);
    console.log(values);
  };

  async function handlelist1(idaddproducts) {
    const res = await fetch(
      "http://localhost:4000/productslist/" + idaddproducts
    );
    const data = await res.json();
    setvalues(data.data);
    console.log(data.data);
  }

  useeffect(() => {
    handlelist1();
  }, []);

  async function handlelist(idaddproducts) {
    const res = await fetch(
      "http://localhost:4000/productslist/delete/" + idaddproducts
    );
    const data = await res.json();
    setvalues(data.data);
    console.log(data.data);
  }

  useeffect(() => {
    handlelist();
  }, []);

  const classes = usestyles();
  return (
    <form classname={classes.root} novalidate autocomplete="off" align="center">
      <div classname={classes.formgroup}>
        <formcontrol>
          <input
            type="search"
            label="product id"
            variant="outlined"
            size="small"
            placeholder="enter product code"
            value={values.idaddproducts}
            name="idaddproducts"
            onchange={e => handlename(e)}
          />
        </formcontrol>

        <button onclick={e => handlen(e)}>click</button>
        {values && values.length ? (
          values.map(row => <h5 key={row.idaddproducts}>{row.productname}</h5>)
        ) : (
          <h5>not found</h5>
        )}
      </div>
    </form>
  );
}

if i delete handlelist1 function it works fine.. but it wont display data


Related Query

More Query from same tag