i am trying to create a simple react project. it has a navbar, sidebar and the main content area. first a home component is displayed. home.js import { useState } from "react"; import Navbar from "../navbar/navbar"; import Sidebar from "../sidebar/sidebar";…
Hello Guys! So in my Project, I do a fetch data function in useeffect but when I add a new element to the firestore I want that the useEffect to run again so in the list will contain the added…
Right now I can reflect changes of total price if quantity changes. here is an example what I am doing now: price of every single item quantity {2} {200} quantity {2} {100} total: price = 600 Here is my cart…
I am practicing useContext hook with Next.js if it matters and created a small site that changes background color of <Paragraph></Paragraph> element for printing text and <Button></Button> element to change theme. I organized it with <Layout /> where button and…
I am routing between child components in a parent component. Routes are working fine on click but the child components are not rendering on page. No errors in console. No errors in code according to ChatGPT. I resolved every issue…
const CreateMessage = () => { const disatch = useDispatch() const chatR = useSelector(state => state.chat); const { chat } = chatR; const [text, setText] = useState("") useEffect(()=>{ setText("") },[chat]) function handleSubmit(event) { event.preventDefault() console.log(3333) } return ( <StyledCreateMessage id="myform"…
I am new to react and this is a very simple counter that increments value by 5, I learnt that useEffect is executed after every component re-render/dependency variable change. But I found that useEffect (i.e alert) is appearing before the…
Hi my app running good at localhost but when I create build then Background image not displaying. my code is. <div style={{ backgroundImage:"url("+require("assets/img/bg.jpg")+")", height: "400px", backgroundSize: "cover", backgroundPosition: "center top"}}> Result at localhost as below But at live server empty…
I capture user/pass info and store it in a useState called login inside Login.tsx and pass it up to App.tsx and then store the access property from login useState to access useState inside the App.tsx This does work, however, it…
i have created a simple react project and i was trying to implement drop down list in it. i am trying to create a dropdown list for profile in react like this-> dropdown.js import React, { useState } from "react";…