React - odpalanie funkcji (hook) po warunku

pytanie zadane 29 grudnia 2020 w JavaScript przez sKodowany Obywatel (1,150 p.)

Witam ponownie. :-)

Mam taki kawałek kodu...:

(...)
const random = Math.floor(Math.random()*10)
const [val, setVal] = useState(1)


return (<>
<div>
{
value1 === 0 ? 
  ( (randomE%2===0  || randomE%5===0) ?
    <div><h3> YES </h3> {setVal(val%20-1)} </div> :
     <h1> NO </h1> ) :
value1===1 ? 
(...)
}
</div>
</>)

Przy spełnionym warunku {value1} - funkcja odpala, ale niekoniecznie wyczerpuje warunkowanie {random} ORAZ nie zmienia wartości o 1, ale różnie...

Dziękuję za wszelką pomoc oraz poświęcony czas. :-))

komentarz 29 grudnia 2020 przez rafal.budzis Szeryf (85,260 p.)

Mieszasz logike widoku z biznesową. Musiałbyś dać jakiś przykład co chcesz osiągnąć. Wydaje mi się że może cię zadowolić skorzystanie z useEffect dla setVal. Jednak nie jestem do końca pewny. Opisz może lepiej co masz na wejściu a co chcesz mieć na wyjściu :) A dopracujemy co powinno się odbyć pomiędzy :)

komentarz 29 grudnia 2020 przez sKodowany Obywatel (1,150 p.)

PS. Lubię mieszać - dlatego programuję ;-D

1 odpowiedź

odpowiedź 29 grudnia 2020 przez sKodowany Obywatel (1,150 p.)

Haha, ok ;-)

Ale żeby było zabawnie - to chcę osiągnąć dokładnie to, co jest w kodzie.

Zmienna value1 - jest określana przez kliknięcia w Button.

Każde kliknięcie wywołuje też RANDOMa

Wartość value1 - określa tylko czy RANDOM przyniesie raczej coś dobrego

<h2>Good Fate! </h2>, setVal(val +1)

czy coś niedobrego:

<h2> Bad Luck </h2>, setVal(val -1).

Bardziej powiedzieć czego chcę, chyba nie potrafię LOL

Sprawdzę tego useEffect'a... ;-)