The parent component can access the values of the child component, but it is unable to sum the values of each child. The total shows 0 instead of the correct total. I am expecting the correct total of values from…
I'm encountering an issue with a React component that utilizes useState and useEffect hooks to manage state and persist it in localStorage. The component is intended to create a toggleable section with a title and content, where the expanded state…
I have a front end call to an api that works well: login= useUser() ; const handleSubmit = async (e: any) => { e.preventDefault(); setLoading((loading) => !loading); setResult(''); const login = useUser() console.log('submitted form') try { login(email,password)//subsitute i'de like to…
I have this code here: function Homepage() { const [name,setName] = useState(''); const [followers,setFollower] = useState(''); const [about,setAbout] = useState(''); useEffect(() => { const fetchData = async () => { const data = await loadhomepagescript(); console.log('User Name:', data.user_name); console.log('About:', data.about);…
I have a form with many input elements and a button which goes on next page. Before moving forward it validates all the inputs in such a way that if any it is empty then the corresponding label should be…
I'm developing a chat application using Laravel and React. I want to create notifications for incoming messages. Notifications are coming but I'm getting too many request errors. const fetchNotificationMessages = () => { if (session !== undefined && session.id !==…
I am trying to update the values in my order hook. However, the values do not seem to be updating. I am fairly new to React and am not sure what I am doing wrong here. Any Ideas? Here is…
useEffect does not work in production build. following is the code snippet useEffect(() => { console.log("useeffect 1") return () => { console.log("useeffect 2") }; }, []) In development useEffect triggering multiple times and the result is useeffect 1 useeffect 2…
I have two useState state values currently, and they rely on each other. Here's some pseudocode: [getId, setId] = useState(); [getSearchParam1, setSearchParam1] = useSearchParams(); useEffect(() => { setId(getSearchParam1) }, [getSearchParam1]) useEffect(() => { setSearchParam1(getId) }, [getId]) where searchParam1 is just…
I have a component that fetches data from an API (nodeJS server). All my fetch code is an useEffect hook. But on running the code the useEffect code does not run as i am unable to see my console.log statements…