I've a Parent-Child component structure. In parent, I've a function that calls a web service and take few seconds to complete. From parent, I'm passing this function as a prop to the child. Child component displays buttons with an onClick…
I have this little snippet of code I'm having a little bit of difficulty figuring out. I have a Java background, and am really new to JavaScript and React in general, so I'm having a little bit of trouble wrapping…
I'm trying to create google sso popup flow in my react/Nextjs web app. However, by following the guidelines by Google with the Google Identity Services for Web, all I can I use is a bare minimum branded button provided by…
I am trying to mock useSearchParams using vitest. I have tried a couple of methods but couldn't find a solution. The sample code can be found here: https://codesandbox.io/p/sandbox/laughing-bas-m7ygo8 import { useEffect, useState } from "react"; import { useSearchParams } from…
I am working on a project in React.js with this API https://dog.ceo/api/breed/. I want to be able to handle the error, when the user inputs a dog breed that does not exists such as International space station. I need your…
How i can assign the nc key value to nc variable which i have declared. const s = [ 'nc: https://nector.com', 'tw: https://twitter.com; li: https://www.linkedin.com; fb: https://www.facebook.com' ] var li = ''; var tw = ''; var fb = '';…
How can I keep the cursor position in the right spot? When I type out the phone number and it gets to the parenthesis in the phone number, it starts typing the number from there and leaves the cursor position…
I'm supposed to paste a youtube link into a form, and eventually, it'll add some information to the localStorage under the key "songs". My question is - how can I check if this link has been already added (and if…
I am new to JavaScript and I am stuck. I have an array of objects below const items = [ { "product": "apple", "quantity": 3 }, { "product": "orange", "quantity": 1 }, { "product": "mango", "quantity": 0.6 }, { "product":…
I'm working on a React project made with create-react-app. I'm using Sass and the sass files transpile correctly. I have local fonts that I want to embed in the app. I use the @font-face rule correctly, I believe, in my…