I was trying to fetch data through a news api and there were different category of news with the help of react router I want to show news with different category, the link tag is working as it is changing the local newtwork url but the page is not showing the let say business news… Read More Why my Link in react router is not showing me the desired page

I am trying to build a modular dropdown list component in react. It also acts as a filter for a search app. I created an object for all the types of dropdowns and their respective options as shown in the code below. I then mapped the object and was able to make the component I… Read More How do I pass a variable as prop for setState in React?

I have a parent and a child functional component as below. The parent component is NavBar.tsx interface NavBarType { top: number; } const NavBar = (props: NavBarType) => { const scrollDown = () => { window.scrollTo({ top: props.top, behavior: "smooth", }); }; return ( <AppBar position="static" sx={{ flexDirection: "row", justifyContent: "flex-end", background: "#7E685A", }} >… Read More Type '{ children: string; onClick: () => void; }' is not assignable to type 'IntrinsicAttributes

I know this question has been asked many times before and I have tried the answers, but my problem still persists. I am making a website using ReactJS, Redux with Firebase Authentication and Realtime DB. I am trying to fetch displayName and photoURL using props from redux. These are the relevant codes. index.js const store… Read More React JS and Redux: Uncaught typeerror cannot read property of null (reading 'displayname')

I am trying to export this state: const [jsonText, setJSONText] = useState(); out of my file. I tried a simple export const jsonText;, but that did not work at all. I tried looking it up, but they were all for components. Is there a way I can do this, and to keep making sure that… Read More How to export a state in react native, and import it into another file? (NOT COMPONENT)

I’m trying to update a div with info from another module. This is the file called Vehicles.js that needs to render the info: (I’ve omitted all the imports to save space) class Vehicles extends React.Component{ render(){ if (this.props.oneVehicle == null) { return ( <> <Card className="w-40 align-self-start"> <Card.Body> <Card.Title>No Vehicle Selected</Card.Title> <Card.Text> Click a vehicle… Read More React is not rendering the information when onClick event

I have two files that return html fragments. They are identical except for the image. The fact is that the server has different paths to the playlist image and the genre image. props.items.images[0].url and props.items.icons[0].url because of this, I had to distribute this code to two different files. How could I combine them into one?… Read More Combine two React files into one

I’m building an e-commerce application and for some reason my buttons to update the cart aren’t working. I’m using props and when I go to the console log it says that onUpdateCartQty is not a function. I know props are a bit tricky. Can someone point out what I did wrong? CartItem.jsx import React from… Read More Buttons do not work Uncaught TyperError: onUpdateCartQty is not a function

I have a generic ListComponent function function ListComponent() { return React.createElement( "ul", { className: "list" }, items.map((item, i) => React.createElement("li", {key: i}, item)) ); } Now I want to pass an array to that component as props and render it: const vacations = ["Spain", "Greece", "Vietnam"]; const VacationsList = React.createElement(ListComponent, {items: vacations}, null); ReactDOM.render(VacationsList, document.getElementById("root"));… Read More React create element props is undefined