I am trying to view my react-app website on my phone . I already set my network to private network and used the ipv4 address in my browser but it's taking time and it isn't loading . I don't know…
To get certain data, I need to call multiple custom hooks, all of which are making api requests to get some data, then after each call, I need to use gotten data to pass to the next custom hook to…
I use the key in <tr key={i}> currently but this warning appears in the console <table className="table table-responsive table-striped table-bordered"> <thead className="text-center"> <tr> <th>شرح خطا</th> <th>تاریخ / زمان</th> <th>عنوان خطا</th> <th>شناسه</th> </tr> </thead> <tbody> { logs && logs.map((_item, i) =>…
I have the following problem: I have an array of data, and I am rendering a graph based on it. The number of data points in each interval can vary, resulting in different widths for the intervals (example in the…
I'm not new to react but I'm also not super experienced and I wanted to ask some opinions about the proper ways to pass around data Now the current project we've been working on has redux and I've been told…
import React, { useState, useRef } from "react"; import firebase from "../firebase"; const Auth = () => { const [phoneNumber,setPhoneNumber] = useState(''); const [verificationID, setVerificationID] = useState(''); const recaptchaRef = useRef(null); const handleSendOtp = ()=>{ if(recaptchaRef.current){ recaptchaRef.current.innerHTML = `<div id="recaptcha-container"></div>`…
In my react js application i have 2 components, in one component i have a button and in second i want to get the moment when user clicks the button. For this i created a context where i have 2…
I got a strange behaviour in my react code: In development (strict) mode, the following component did not clear interval successfully in clear function when interval is set to 1000 milliseconds. If I change the interval to slightly larger value…
I'm working with Next.js and have the following routes: /@modal/(.)snippets/[id]/page.tsx (for a modal) /snippets/[id]/page.tsx (for individual snippets) /snippets/new/page.tsx (for creating a new snippet) The problem occurs when I navigate to /snippets/new — instead of opening the new snippet creation page,…
I'm learning about React hooks and I have a question about the useCallback hook. From what I understand, useCallback is useful for creating functions that you want to cache and reuse when the component re-renders (as opposed to creating the…