I need to use localStorage in nextjs but after refresh i lose all the data (empty array [] in the console). this is what i tried: const [todos, setTodos] = useState([]); useEffect(() => { const storedTodos = JSON.parse(localStorage.getItem('todos')) || [];…
I write a simple app in react and in this app i use the createBrowserRouter component: import React from "react"; import { createRoot } from "react-dom/client"; import App from "./App"; import reportWebVitals from "./reportWebVitals"; import { ThirdwebProvider } from "@thirdweb-dev/react";…
I can't figure out how to make :before render in the DOM. I tried this: const inline = { backgroundColor: "yellow", width: "100px", height: "30px", display: "inline-block", position: "relative", "&::before": { content: '"Good Day"', position: "absolute", left: "-50px", top: "50px",…
I created five inputs and I am trying to get their values in an object after click on the button. The problem I am facing is that after the button click I am getting only index and value of last…
How to connect my index.html into App.js (React)? <div class="content"> <form action="v2/v2.html" class="form"> <label for="user">Nama</label> <input type="text" name="user" id="user" /> <button type="button" id="load-app">Load App</button> </form> </div> <script src="v3-website/src/App.js"></script> so when I click the button I want it to direct into…
I have an asynchronous GetTags() function that returns a value and the main App() function that represents the React component. I am trying to write the values of an array obtained from an asynchronous function (array) to another array located…
I have a component with some internal state that is not being propagated throughout the application just on certain events. const FunComponent = (initialDescription, onSave) => { const [description, setDescription] = useState('initialDescription'); const handleDescriptionSave = () => { onSave(description); }…
Im trying to center my button in css and I cant figure out how. Here is my css file: * { margin:0; padding: 0; } body { font-family: "Roboto", sans-serif; background: #bef2ff; } .nav { background: #4f7097; color: white; display:…
How to modify the code so that after submitting the image changes to base64 code and so that I can use the formData from the form in the subpage component. At the moment the AddForm look like this: import {…
I have object: const data3 = [ { calculatedPropertyDescription: "where evri_courionsignature_gb is Dispatched", category: "red", tags: [ { name: 'LandingPage', value: 'true' }, { name: 'Country', value: 'GB' }, { name: 'Carrier', value: 'RoyalMail' }, { name: 'EventCode', value: 'Dispatched'…