i'm fairly new to the React Js and can't seem to get my head around prop drilling, the issue i have here is i want to console log the respective card id's when i click on the delete button and…
I have this React code defining optionTemplate which is intended to be passed as a prop of a React component. const optionTemplate = (option) => { return ( <div className="flex align-items-center gap-2" style={{ fontSize: "1.5rem" }} > {option[props.optionGroupChildren[0]] && (…
I was wondering how NextJS successfully differentiates between JSX and JS in the following code. It is pretty simple but I was wondering how things worked under the hood. Specifically, I don't understand how the JSX is successfully rendered. Doesn't…
I am experimenting with React. In the following script I have imported 'createRoot'. The browser console throws a warning: You are importing createRoot from "react-dom" which is not supported. You should instead import it from "react-dom/client". However, in my script…
I'm having some issues using react. When I'm trying to write something like: import React, { useState } from 'react'; function Navbar() { <> nav.navbar </>; } I cant seem to get the jsx typing to work What am I…
I try to build e-commerce app using reactjs and i got a problem on frontend, the page is not showing in browser. This page is for admin page that can do CRUD on product. here is Admin.jsx code import React,…
I want to submit the form to Node.js, but when ever I press the submit button the page reloads, so I console.log() to make sure it's really going inside that function, but it did not work it did not log…
I'm new to React.JS. I need to make an order form with two switch buttons and then style them. I can't style them. I've been told to create the buttons this way {props.options.map((option)=> ( <div>{option.text}</div> ))} <Header /> <Switch options={[…
I am currently trying to create a website using React. But as the title states, I can't seem to get my content to appear in the localbrowser and I'm unsure where I went wrong. Image of localhost App.js: import React…
I am unfortunately a bit on the tube. I have three buttons, to filter an array. By default the "All" Button should be active (with a red text-color). If you click on another button, the text-color of the clicked on…