My problem The code is simple. When you switch to any new button, it will log the updated sourceType, then "My Log". You start off at the posts tab, then you clicked users tab, it will log "users" and "My…
Below is a simple hook function App() { let [counter, setCounter] = useState(0); return <button onClick={() => setCounter(counter + 1)}>{counter}</button>; } My understanding on how react works is: React will call App() to get a React element as: let element…
I just want todays date in string format(eg 2/08/2023 ) inside a usestate hook variable as a initial value. Current working code const [startDate, setStartDate] = useState(new Date()); // output Wed Aug 02 2023 12:52:16 GMT+0800 (Australian Western Standard Time)…
I built a MERN project, where the component FrindListWidget is being called on 2 conditions. If it's the user's own friendlist, the widget will be rendered as well as a state in Redux user.friends will also update. If it…
How to pass value of 'row' to EditRecord (child file)? Once I'm on EditRecord page, the props (record) of the parent's file's gone. Parent File: const [record, setRecord] = React.useState({}); return ( <TableBody> {stableSort(props.data, getComparator(order, orderBy)) .slice(page * rowsPerPage, page…
const useCustomState = () => [value, setValue]; const [data, setData] = useCustomState(initValue); useEffect(() => { const fn = async() => { await setData(1); console.log(data); // ouput 1 }; fn(); }, []) How to implement this custom hooks function can get…
I want to attach a payload of an mqtt message to an existing array in a state in REACT. The problem is, that the state is not updated correctly. It is updated in the same component but when the next…
Coming from angular, i would like to know what's wrong with this code. I've been told that i should use useMemo (for the fitlering part) and useRef (to store products). I know how to do that, but i want to…
I have a code: const page = useRef(1); const nextPage = useRef(page.current + 1); I was wondering why nextPage won't update when I update page? Since nextPage is referencing page.current that is getting updated? page.current = 5;
I use react-dropzone to upload files. When files are uploaded, they are stored in an array, which I use to list all items uploaded. I added a button on the side of each li to delete the specific file from…