I Create Guttenberg pluggin by react. My problem is that I cannot use if statement.

 const priceforextrashop =  parseFloat(props.priceextra)
 const priceforegoodshop = parseFloat(props.pricegoood)
 const priceforstandardshop = parseFloat(props.pricestandard)
 const priceforsmallshop = parseFloat(props.pricesmall)
   React.useEffect(() => {
     if(wynik<20000){
      setPrice(priceforextrashop);
    }
     if(wynik<15000){
      setPrice(priceforegoodshop);
    }
     if(wynik<10000){
      setPrice(priceforstandardshop);
    }
   if(wynik<5000){
    setPrice(priceforsmallshop);
  }

}, []);

props.prices reffer to attritubutes I add on editor-block side of plugin. The value work good, I exposed them on screen. problem is just with these if statement because always show the same value. I know that the if statement should work good because on editor-black side or in another scripts, I put the same if statement and it worked. Please indicate me answer.

I Create Guttenberg pluggin by react. My problem is that I cannot use if statement.

 const priceforextrashop =  parseFloat(props.priceextra)
 const priceforegoodshop = parseFloat(props.pricegoood)
 const priceforstandardshop = parseFloat(props.pricestandard)
 const priceforsmallshop = parseFloat(props.pricesmall)
   React.useEffect(() => {
     if(wynik<20000){
      setPrice(priceforextrashop);
    }
     if(wynik<15000){
      setPrice(priceforegoodshop);
    }
     if(wynik<10000){
      setPrice(priceforstandardshop);
    }
   if(wynik<5000){
    setPrice(priceforsmallshop);
  }

}, [wynik]);

props.prices reffer to attritubutes I add on editor-block side of plugin. The value work good, I exposed them on screen. problem is just with these if statement because always show the same value. I know that the if statement should work good because on editor-black side or in another scripts, I put the same if statement and it worked. Please indicate me answer.

update:

I add dependence "wynik" but it not resolve my problem. Just count 2from 4 variables not all of them. I try without useEffect but then it make an error.

I Create Guttenberg pluggin by react. My problem is that I cannot use if statement.

 const priceforextrashop =  parseFloat(props.priceextra)
 const priceforegoodshop = parseFloat(props.pricegoood)
 const priceforstandardshop = parseFloat(props.pricestandard)
 const priceforsmallshop = parseFloat(props.pricesmall)
   React.useEffect(() => {
     if(wynik<20000){
      setPrice(priceforextrashop);
    }
     if(wynik<15000){
      setPrice(priceforegoodshop);
    }
     if(wynik<1000){
      setPrice(priceforstandardshop);
    }
   if(wynik<5000){
    setPrice(priceforsmallshop);
  }

}, []);

props.prices reffer to attritubutes I add on editor-block side of plugin. The value work good, I exposed them on screen. problem is just with these if statement because always show the same value. I know that the if statement should work good because on editor-black side or in another scripts, I put the same if statement and it worked. Please indicate me answer.

I Create Guttenberg pluggin by react. My problem is that I cannot use if statement.

 const priceforextrashop =  parseFloat(props.priceextra)
 const priceforegoodshop = parseFloat(props.pricegoood)
 const priceforstandardshop = parseFloat(props.pricestandard)
 const priceforsmallshop = parseFloat(props.pricesmall)
   React.useEffect(() => {
     if(wynik<20000){
      setPrice(priceforextrashop);
    }
     if(wynik<15000){
      setPrice(priceforegoodshop);
    }
     if(wynik<10000){
      setPrice(priceforstandardshop);
    }
   if(wynik<5000){
    setPrice(priceforsmallshop);
  }

}, []);

props.prices reffer to attritubutes I add on editor-block side of plugin. The value work good, I exposed them on screen. problem is just with these if statement because always show the same value. I know that the if statement should work good because on editor-black side or in another scripts, I put the same if statement and it worked. Please indicate me answer.

I created my first react plugin and I have problem with my frontend. I test my code in sandbox code and work perfect. Here on Wordpress frontend I have problem but calculator appear but I have problem with calculations. I can count just in render part of code something like that {param / params} I do not need to explain how it problematic is.

My structure of code looks like that:

import React, {useState, useEffect} from 'react'
import ReactDOM from 'react-dom'
import "./frontend.scss"

const divsToUpdate = document.querySelectorAll(".calculator")

divsToUpdate.forEach(function(div) {
  const data = JSON.parse(div.querySelector("pre").innerHTML)
  ReactDOM.render(<Calc {...data} />, div)
  div.classList.remove("calculator")
})
 
function Calc(props) {
const [param, setParam] = useState("");
const [params, setParams] = useState(0.73 );
const sum = param / params;

return(
        <input 
          type="number"
          placeholder="how much you paid for that"
          value={param}
          onChange={ (e) => setParam(e.target.value) }
        />

        <input 
          type="number"
          placeholder="How often you do it?"
          value={params }
          onChange={ (e) => setParams(e.target.value ) }
        />
     <button onClick={calc}>
          Policz
        </button>

{sum}
 );
}

I Create Guttenberg pluggin by react. My problem is that I cannot use if statement.

 const priceforextrashop =  parseFloat(props.priceextra)
 const priceforegoodshop = parseFloat(props.pricegoood)
 const priceforstandardshop = parseFloat(props.pricestandard)
 const priceforsmallshop = parseFloat(props.pricesmall)
   React.useEffect(() => {
     if(wynik<20000){
      setPrice(priceforextrashop);
    }
     if(wynik<15000){
      setPrice(priceforegoodshop);
    }
     if(wynik<1000){
      setPrice(priceforstandardshop);
    }
   if(wynik<5000){
    setPrice(priceforsmallshop);
  }

}, []);

props.prices reffer to attritubutes I add on editor-block side of plugin. The value work good, I exposed them on screen. problem is just with these if statement because always show the same value. I know that the if statement should work good because on editor-black side or in another scripts, I put the same if statement and it worked. Please indicate me answer.