reactjs Questions

Get all elements within specific section – Html

February 26, 2023
shanky
2 Answers

I have below html strcuture: <div> <div class="flw__panel__col--12 flw__container__col--12 formSection__col--12"> <div> <div><div class="EmptyDiv"></div><button onClick={onAddClick} id="RequestNewOrgBtn_prefix-1" class="ui primary button">Request New External Org</button><div></div></div> </div> <div> <div><div class="EmptyDiv"></div><button onClick={onAddClick} id="RequestNewOrgBtn_prefix-2" class="ui primary button">Request New External Org</button><div></div></div> </div> </div> <div class="flw__panel__col--12 flw__container__col--12 formSection__col--12"> <div>…

VIEW QUESTION

React app local storage not updating Menu component in Marvel API app – Reactjs

February 26, 2023
Julian
2 Answers

I created an app using the Marvel API that searches characters, comics, events, series, and creators and displays their information. Everything is working properly except for the Menu.jsx component is not updating to the values that are in local storage.…

VIEW QUESTION

Next JS 13 app directory fast refresh on dev localhost does not work as intended – Ubuntu

February 25, 2023
Dániel Flach
2 Answers

NextJS documentation (https://nextjs.org/docs/basic-features/fast-refresh) states: Fast Refresh is enabled by default in all Next.js applications on 9.4 or newer. With Next.js Fast Refresh enabled, most edits should be visible within a second, without losing component state. But it seems like this…

VIEW QUESTION

How to solve async setState poblem? – Reactjs

February 25, 2023
Fedor Karasev
2 Answers

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, {…

VIEW QUESTION

How do I remove the first object from an array of objects that is inside a useState hook? – Reactjs

February 25, 2023
Medusa
3 Answers

I have an array of objects within a useState hook, it looks something like this: const[list,setList] = useState(null) function x() { setList([ {id:1,name:a}, {id:2,name:b}, {id:3,name:c}, ] } I want to create a function that will delete a certain amount of…

VIEW QUESTION

How should I use useQuery when I need to display two values on the screen? – Reactjs

February 25, 2023
9mean2
2 Answers

I know that React query calls the api with useQuery to turn the data into a map and display it on the screen. export const getList = async() => { const response = await api.get(/~/~/~/list); return response.data; }; export const…

VIEW QUESTION

Updating state through API response not working in react – Reactjs

February 25, 2023
Justin Gopi
2 Answers

im newbie to react. i developing a portfoliio project guided by youtube video. when i try update state in cart icon which is present in the navbar, the page becomes blank github link function App() { const [products,setproducts] = useState([]);…

VIEW QUESTION

react state is not updating on onCick function – Reactjs

February 25, 2023
All data
2 Answers

i am updating my state on onClick Func but its not updating , This is my State const [loading, setLoading] = useState(false); my OnCLick func const handleBookmarkButtonClick = () => { setLoading(true); //rest code...including an async func }; console.log("loading":loading); the…

VIEW QUESTION

horizontal scroll with buttons React – Html

February 25, 2023
3DMaX
2 Answers

i need to make salesRibbon__productCarousel scroll when i click to salesRibbon__arrows_arrowForward forward and salesRibbon__arrows_arrowBack backward import React, { useRef } from 'react'; const SalesRibbon = () => { const container = useRef(null); //<--- this thing ISN"T WORKING! i can't get…

VIEW QUESTION

reactjs – React – passing refs as a prop VS React.forwardRef

February 25, 2023
Kunal Verma
2 Answers

I would like to learn drawback or benefit of passing refs as a prop VS using React.forwardRef In below example i am able to pass refForTextArea from "Aaa" component to "Bbb" component and focus onto textarea in Aaa from a…

VIEW QUESTION