Advertisements I have a todo list I moved the todolist use memo, so that it updates only when todo is added, but ui does not seem to reflect please help here import “./styles.css”; import React from “react”; export default function App() { return ( <div className=”App”> <h1>Hello CodeSandbox</h1> <h2>Start editing to see some magic happen!</h2>… Read More React Use memo does not update

Advertisements I made a hook to detect inside and outside click for a component const useDetectClick = ( ref: RefObject<HTMLDivElement>, insideClick: () => void, outsideClick: () => void ) => { useEffect(() => { const handleClick = (event: MouseEvent) => { const { target } = event; if (ref.current && !ref.current.contains(target as Node)) { outsideClick();… Read More My hook to detect onClick, prevents onChange

Advertisements I have implemented keyboard key or button navigation in a list of items. Locally I don’t get any errors, in the build phase I get the following errors: Error: React Hook "useRef" is called conditionally. React Hooks must be called in the exact same order in every component render. Did you accidentally call a… Read More React Hooks must be called in the exact same order in every component render problem?

Advertisements I’ve code below. console.log from useEffect shows current "files" value, but console.log from handleInputChange function always show previous value. I understand this is because of async setState behavour, but I don’t understand how to make it work. import React, { useState, useEffect } from ‘react’; import Button from ‘../Button/Button’; function Card({ accept }) {… Read More How to solve async setState poblem?

Advertisements I have a program (not a DLL) that creates a thread, and in this thread I create a hook using SetWindowsHookExW() to get keyboard events. I also have a global variable that I can use to turn off this thread. The thing is that I don’t know how to release the hooks and continue… Read More How to Unhook windows hooks

Advertisements Problem is static variable. class component use static variable like this. // component.js <ProgressWindow messageSet={ProgressWindow.MESSAGE_FOR_REPORT} /> // ProgressWindow.js class ProgressWindow extends React.Component { static MESSAGE_FOR_REPORT = ‘report’; static MESSAGE_FOR_SETTING = ‘setting’; } My mission is that static variable’s convert to function component. I need get messageSet value in new function ProgressWindow component. How can… Read More React Class component covert to function component

Advertisements I want to use object declared in useEffect hook, like function App(){ useEffect(() => { let myObject = ….. } myObject.myFunction() } but IDE gives me an error that myObject is not defined… I assume that it is not a good way to lead re-rendering objects declared in useEffect hook, but anyway, is there… Read More Is it possible to use objects declared in useeffect hook?

Advertisements I’m using axios to pull data from an API (arr of objects) but for some reason I keep getting promise pending when calling it inside the hook. I used promise chaining to ensure that the code executes synchronously but it’s still the same. When I for example use "console.log(selectedVideo[0]" I get "undefined". I assume… Read More Promise pending when calling a function inside a hook using React

Advertisements I’m studying for a React test. (This question is free and public practice question, so I’m not cheating on a job interview). Prompt Finish the FocusableInput component so that the input element automatically receives focus on the first render if the shouldFocus prop is true. The component should use React Hooks. Starter Code //… Read More React Test: I'm supposed to use hooks, but I can't import them?

Advertisements I am using react router v6. When I am on detail page and i´ll press arrow in chrome go on prev page it doesnt go on prev page but prev prev page. I checked history by long press on arrow back and the page I need is not there. How can i add that… Read More React Router V6 – page is not in history