I have a list, containing some jsx components like components: components = [ <span className="c1 c2" onClick={() => console.log("test")}>...</span>, <span className="c1 c2" onClick={() => console.log("test")}>...</span>, <span className="c1 c2" onClick={() => console.log("test")}>...</span>, ] BTW the components, is made with pushing into…
I'm just learning react and I saw so far 2 ways of rendering lists, the first declaring a const after mapping the data and then rendering this new list and the second one mapping directly inside the jsx Which way…
I'm following Jonas Schmedtmann's full-stack crash course, and everything is fine. But in this part, I'm receiving a React runtime error (TypeError: Cannot read properties of undefined (reading 'color')) while I'm coding everything that he codes. Error is related to…
I have a customized date picker (for the context its height is 1050px). I want to display it in a popup within dropdown content. This is my popup component. <div className={styles.popupWrapper} > <div className={styles.popup}> {popupContent comes here} </div> </div> I…
I am trying to create a ios react JSX app but I keep getting this error and I dont know why. I coppied the ts file from my homescreen file that works so I'm confused on why I'm getting it…
I'm trying to .map() an object of arrays to create a div for each key/value pair. Here is a sample of the object format: const data = { year: ["2018", "2020"], make: ["Honda"], model: ["Accord", "Civic"], subModel: [] } Here…
I have a component that should expand if it is selected. Here's my current approach: <Element ref={elementRef} style={{ height: isSelected ? `${elementRef.current.scrollHeight}px` : '0px' }} /> Now, I've added routing, which parses the URL. For example, if I am at…
I am building a react web app and i am getting SyntaxError: Unexpected token '<' when importing react components that are in an array object from '..utils/constants' .js file. My code is something like: // SideBar.jsx // React Component import…
I want to show a popup (a card component) on the homepage of my React site when a user visits for the first time. Once the popup is displayed, I don't want to show it again on subsequent visits. I…
At the moment the votes {count} is not showing up on mount. I'm using useEffect to get the article and useState to set the count to article.votes. The votes go up after clicking the button twice as the first render…