I made this simple React program. Can someone tell me why the stop button doesn't work? Shouldn't the boolean statement stop it from repeating after I click the stop button? import "./styles.css"; import { useState, useEffect } from "react"; import…
I have an array of elements and I want to display them in a div, when the array is big some elements are outside my parent div, I want to detect which ones are outside to make some operations. this…
I have this Component: /* eslint-disable */ import React, { useEffect, useState } from "react"; import { usePostValidateMutation } from "./features/apiSlice"; export const App = () => { const [postValidate] = usePostValidateMutation(); const [token, setToken] = useState(undefined); useEffect(() => {…
I want to select the theme value to change it based on localStorage value to set the light/dark theme, how can I do that in React? I know I can use Ref hook in a component but how can I…
I am utterly astounded that I haven't been able to find more posts about this on stack overflow. Everything about a useEffect hook in react reads that it's supposed to run only after rendering and re-rendering has finished but my…
Imagine I have some custom hook where I extract some value from context ( some kind of my own store ) // example of state structure function GlobalComponent(){ const initialState = { reports: {depositReport: []}, users: [], } const [state,…
I want to create and use a CustomTextInput in React Native. I have created it as shown in the code below, but the onChangeText prop inside the CustomTextInput is not working correctly. Despite extensive research, I couldn't figure out the…
I have a component which has two state variables: const [data, setData] = useState(null); const [isDataLoading, setIsDataLoading] = useState(true); const fetchData = async () => { setIsDataLoading(true); const fetchedHugeData = await hugeDataFetch(); setData({ ...fetchedHugeData }); setIsDataLoading(false); } useEffect(() => {…
i passed the handleclick function to the onclick because i want to run the two function in onclick event but the first one (setEnabled) doesn't run import { useState } from "react"; export default function Togglelang(props) { const [enabled, setEnabled]…
I am trying to detect if the page number (which is created by useState hook) has changed in last 5 seconds to make a conditional if statement. Is this possible in React/JavaScript?