I am learning to react.I am recreating a webpage with react webpage-link my question is, was it designed only with react if they have done so, how do calculations work? after submitting the selected items move them to the cart.…
I have some CSS for the span tag. All of these are rendered inside the shadow-root. Which looks like the following. .class-name-a .class-name-b > span { border-left: var(--css-token-right-statement-border-left); font-family: GilroySemiBold; font-size: 16px; margin-left: var(--css-token-right-statement-spacing); order: 3; padding-left: var(--css-token-right-statement-spacing);} How can…
function App() { let [ctr, setCtr] = useState(0); useEffect(() => { setCtr(1); }, []); //<-------------------------put a debugger here, only hit once return ctr; } // debug this test it("should render 1", () => { const el = document.createElement("div"); ReactDOM.render(<App />,…
I am implementing the spotify api into my app however as shown in the picture below the post route gets hit 2-4 times and consstantly overwrites all the data leading to errors. Repo(in case you need it): https://github.com/kankanrr/post-route post route…
I have an array of the following type retrieved from an API { strIngredient1: "Chicken" strIngredient2: "Onion" strIngredient3: "Tomatoes" strIngredient4: "" strIngredient5: "" strIngredient6: "" strMeasure1: 1lb strMeasure2: 2 strMeasure3: 3 strMeasure4: "" strMeasure5: "" strMeasure6: "" } And I…
I am trying to detect if the page number (which is created by useState hook) has changed in last 5 seconds to make a conditional if statement. Is this possible in React/JavaScript?
i'm trying to use Web App in my telegram bot. As the docs says, i have included the script telegram-web-app.js. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <link rel="icon" href="%PUBLIC_URL%/favicon.ico" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="theme-color" content="#000000"…
After upgrading React to v18 I am facing issues deploying it. I did everything as described in the docs, searched boards and kept trying changing stuff to get the deployment working again, but it doesn't. I get the following errors:…
I'm developing a pomodoro Task App in React JS. I have an array which it called "task", I'm using "useState" hook. I have no problem with adding new "task". But when I try to delete an element from this array,…
I have this function in Next.js 13: async function createTodo(data: FormData) { "use server"; const title = data.get("title")?.valueOf(); if (typeof title !== "string" || title.length === 0) { throw new Error("Invalid title"); } await prisma.todo.create({ data: { title: title, complete:…