I am trying to save Contacts in localStorage in this react application. import "./App.css"; import "bootstrap/dist/css/bootstrap.css"; import Header from "./Header"; import AddContact from "./AddContact"; // import ContactCard from './ContactCard' import ContactList from "./ContactList"; import { useEffect, useState } from "react";…
I am trying to write validation for the user changing the dates by using the up/down arrows on the date fields. The issue comes with how the element simply returns an empty string when it reaches an invalid date, there…
I have mapping function like this: function MyFunction({rows}) { return( rows .map((info, index) => ( <td key = {someNum}> <p>some info</p> </td> ))); } and I want to add something that will create new rows after the index hits five:…
codesandbox example here: https://codesandbox.io/s/quirky-wozniak-3qih8p?file=/src/Progress.tsx I am trying to use the Intersection Observer API to track both the first and last elements of my list. My goal is to display either a left or right button based on the horizontal scroll…
Sorry this is my first time trying to create my own website and I'm trying to learn it on my own, so my questions might be a bit dumb. I'm currently creating a website to host all of my certifications…
i'm using Firebase and React. I'm not able to write to my emulator data, or rather, i can't see it after writing. So when a user signs up, i copy their name to Firestore, so even though the web app…
I have a teams application created using teams toolkit in vscode that i am working on at the moment. I have added a Azure function to the application aswell. I can call that function in a local debug. But when…
I have a one-page React website with 6 components. At the top of the page I have a Bootstrap NavBar, and I want to connect the nav links to their respective components. Basically I'd like them to function as anchor…
I am currently trying to fix a timing issue with my Javscript REACT bootstrap code. This is what I am wanting: I will have a button that when clicked, will call a function that will alter a variable to "open,"…
I meet this issue using MUI Autocomplete component :(https://i.stack.imgur.com/q8YDj.png)(https://i.stack.imgur.com/ZzDox.png). The popper sometimes appear on the left, sometimes on the right of the text input, there is my code : <ThemeProvider theme={theme}> <Autocomplete disablePortal={true} id="combo-box-demo" options={technologies} sx={{ width: 300 }} className="nodrag"…