Reactjs – Update within useEffect not rendering
I'm trying to make a web app that just shoots up a bunch of fireworks once a button is pressed. It's in react and I'm trying to use the useEffect hook to make the fireworks shoot up once the ID…
Javascript – UI is not Updating ( Reactjs)
I am learning React and learned some basics, so utilizing that knowledge by making this basic project. I was making a Simple Notes Keeping Application using React and Firebase. Data is perfectly transferred to the Firebase DataBase ✅. fetching data…
Reactjs – How to call a function only once when it scrolls to the bottom of a screen? – React.js
I currently have a function that loads information from the backend when I scroll to the bottom of a screen. The problem is that when I scroll to the bottom, it'll call the function multiple times when I only want…
Javascript – React state fetching value from localStorage is undefined even though console logging 'localStorage.getItems("items")' returns valid string
I am building a Tenzies game and would like to implement a functionality that stores the number of previous rolls of the dice a user has to the localStorage and I already have a feature that renders the number of…
Javascript – why onClick event not working even after removing the disable attribute
onClick functionality not working even when i enabling the button on certain condition function App() { const buttonRef = useRef(null); const name = 'Pilla' if(name === 'Pilla'){ buttonRef.current.setAttribute('disabled', false) }else{ buttonRef.current.setAttribute('disabled', true) } const handleButtonClick = () => { console.log('Button…
Reactjs – i can't map my array stored in local storage
using useState and useEffect hooks, i stored my array in local storage. const data = window.localStorage.getItem("arrKey") const [arr, setArr] = useState(data || []) useEffect(() => { if (data) { setArr(JSON.parse(data)) } }, []) useEffect(() => { window.localStorage.setItem("arrKey", JSON.stringify(arr)) },[arr]) i…
Reactjs – Using a method from the mobx store in React useMemo
I have a MobX Store that contains user role information and a method that validates the role: class Store { constructor() { makeAutoObservable(this) } role: string = "" setRole(name: string) { this.role = name } checkRole(name: string) { return this.role…
Reactjs – React useEffect hook that depends on another useEffect
A component in my NextJS 13 project has two useEffect hooks, one that sets a React Context state array variable called singleRecipe, and another that I would like to set another local state variable called ingredientsArr. The issue arises on…
Javascript – Which is the right React code to generate random number?
I do not want the value of random numbers to change with each rendering. const getRandomNum = (max) => Math.floor(Math.random() * max) 1.With useEffect const ComponentA = () => { const [randomNum, setRandomNum] = useState(0) useEffect(() => { setRandomNum(getRandomNum(10)) },…
Reactjs – useEffect renders the other components even if I pass the empty array
As already specified in the title, useEffect renders the other components even if I pass the empty array. I'm a girl who is just starting to learn react; i can't figure out why if i pass empty array or 'name'…