how can i achieve this ? const element = () => { return <div> <Container1 /> <Container2 /> </div> } const Container1 = () => { return <div className="container-1"></div> } const Container2 = () => { const [preview,setPreview] = useState(true)…
I have two arrays in state: const [offers, setOffers] = useState([]); const [redemptions, setRedemptions] = useState([]); I am updating the properties within this function below: useEffect(() => { getData(); }, []); const getData = () => { Promise.all([getVenue(), getUserData(), getOffers(),…
git repo: https://github.com/omri2020/MERN-instagram/tree/master I am desperately trying to figure out a problem that I have with context border. I am using a SocketContext and where ever I try to use the useSocket custom hook I am getting the following error:…
the problem is that when ever in focusing the password input the button show up but when i try to click the button its lose the focus on the input and then the button disappear. <div className='input-wrapper'> <input onFocus={() =>…
I have a ticking clock timer component that I need to reset when the app comes back in from background. I am using expo 49.0.11, react-native 0.72.4. It sucks because this bug is not reproducible in the emulator so I…
I have two components in my code. In the App component, I initialize the chosenCount with zero and then I set a different value(eg: 56). When I click the set button, the Counter component is receiving the chosenCount as inititalCount.…
I am writting a simple form for registring an account. The user should input his name, e-mail, password and a confirmation of his password. My validates the password inside the onChange event in the input html. Here's my component: import…
I have 19 inputs and when one of them is changed, all the others reflect the change with a calculation. <input value={mph} onChange={(e) => cmph(e.target.value, setKph, setMps)} <input value={kph} onChange={(e) => ckph(e.target.value, setMph, setMps)} <input value={mps} onChange={(e) => cmps(e.target.value, setKph,…
I have a Card component, which gets passed a CryptoAsset instance. The class stores relevant information such as Assets ticker, amount, value, etc. I tried to use an useEffect hook in the beginning to track if the class information gets…
I am using React-Router and trying to get my loader data using the useParams() hook, but I get the following error: Here is my code: import { useLoaderData, useParams } from "react-router-dom"; export async function githubInfoLoader() { const { username…