react-hooks Questions

What causes “Received NaN for width attr” error in gantt-task-react when adding tasks in React?

May 31, 2023
Anonymous Guy
2 Answers

Received NaN for the `width` attribute. If this is expected, cast the value to a string. at rect at g at BarDisplay2 (http://127.0.0.1:5173/node_modules/.vite/deps/gantt-task-react.js?v=a26a2daa:1229:16) at g at Bar2 (http://127.0.0.1:5173/node_modules/.vite/deps/gantt-task-react.js?v=a26a2daa:1279:19) at g at TaskItem2 (http://127.0.0.1:5173/node_modules/.vite/deps/gantt-task-react.js?v=a26a2daa:1428:41) at g at g at TaskGanttContent2 (http://127.0.0.1:5173/node_modules/.vite/deps/gantt-task-react.js?v=a26a2daa:1499:20)…

VIEW QUESTION

able Can Reactjs create a horizontal expandable element?

May 31, 2023
Brandon W
2 Answers

React horizontal expand. I am struggling with such a simple thing in React. I am trying to just extend my Div container from 500px to 900px or full width on button click. I can only make it appear and disappear.…

VIEW QUESTION

Can Javascript render an array of objects from a context file?

for some reason i cant render my array of objects 'data'. I'm using react and context hook. I dont get any error in my browser. Here is the repository of this problem https://github.com/santanafx/teste-context file index.js import React from 'react'; import…

VIEW QUESTION

Javascript – Importing an image in react with import and require only works with hardcoded string

May 30, 2023
Daniel S.
2 Answers

I've looked everywhere for answers regarding this and found none. I have a simple functional component in React below. There are some images in src/images that im trying to import without manually writing a bunch of import statements, one for…

VIEW QUESTION

Can a parent access a child’s ref via a props method in Javascript?

May 29, 2023
Anudeep Sai
2 Answers

I have encountered a scenario where I need to pass the ref of an element in child to the parent. I could not do this using the "forwardRef" approach as I render a list of children in the parent component.…

VIEW QUESTION

Reactjs – Prevent State Overwrite React

May 29, 2023
B A N G A T A
2 Answers

I have a case like this I have a current product 0: {id: "abc", name: "bigu", qty: 1, remarks: "nice"}, 1: {id: "def", name: "moo", qty: 1, remarks: "handsome"} When I add a new product 0: {id: "abc", name: "bigu",…

VIEW QUESTION

Reactjs – React – Is it ok to have an unlimited-sized array full of nulls stored in a ref or should I reset the array?

May 29, 2023
Brandon Taft
2 Answers

Should I worry about an array full of nulls being stored in a ref? This is my 1st time posting so I apologize in advance for any mistakes or rules I missed. I am making a normal autocomplete search bar…

VIEW QUESTION

Javascript – React useEffect only updating profile details on page refresh and not after login

May 29, 2023
Django
2 Answers

After logging in the users profile details will only update once the page is refreshed. I am using the MERN stack for this application. For the useEffect, I have tried it with empty square brackets, without any brackets and with…

VIEW QUESTION

How can I use conditional render & react-hooks to update another component’s state?

I'm new to React. I'm trying to create a Login/Register Screen. I have three components called Login, Register and SlidingCard. I render these componenets on other jsx file called Screen. In SlidingCard.jsx i have a div and inside this div…

VIEW QUESTION

Does useEffect in Reactjs fetch data based on URL changes?

May 28, 2023
Udayendu
2 Answers

I am using two URLs: localhost:3000/content localhost:300/content/<projectId>. My routes are: <Route path="/content" element={ <RequireAuth> <ContentPage /> </RequireAuth> } /> <Route path="/content/:projectId" element={ <RequireAuth> <ProjectPage /> </RequireAuth> } /> When I am going sequentially, its working perfectly. But when I am…

VIEW QUESTION