Highlighting words found on DOM – Reactjs
In my vue app I have a method to search for words in the DOM and scroll to first result, however I also want to highlight the found word in the DOM, how can I do this? My search method:…
Type 'Promise<(string[] | undefined)[]>' is missing the following properties from type 'Etablissement[]': length, pop, push, concat, and 29 more – Reactjs
. Hello, with the help of the following code, I try to retrieve a table of "Etablissement" via asynchronous queries. The last line is underlined in red with this message: Type 'Promise<(string[] | undefined)[]>' is missing the following properties from…
React ThreeJs render problem – Computed radius is NaN – Reactjs
I am new to threejs and I have a problem with a stars models that I am trying to show on my screen. The points works, but I am getting this message: THREE.BufferGeometry.computeBoundingSphere(): Computed radius is NaN. The "position" attribute…
React PWA App, Blank page after rebuild and deploy. File hashes changed – Reactjs
I have a react application which uses a service worker to register as a PWA. (NOTE This is NOT running as an installed PWA at present) After a new build of the application the app shows a blank white page…
How to change background color of all elements before the element I clicked in a grid – Reactjs
I want to achieve something like this, when I click on 20 numbered block, everything before that changes to light orange. I have this attached sandbox code, if anyone can guide what to add in the handleClick function would be…
how do we make a associated menu icon with dropdown values with mui menu options – CSS
i would like to design a component like this im using a material ui pop menu in my project here is the jsx code <div className="navMenu" style={{ position: "relative" }}> <Tooltip title="Menu"> <div className="navMenuIconContainer" style={{ boxShadow: anchorMenu === null ?…
Find SubStrings Between Given Two Regex – Reactjs
I want to take all of the substrings inside of string which is between given two regex. Couple examples: My $$name$$ is John, my $$surname$$ is Doe -> should return [name, surname] My &&name&& is John, my &&surname&& is Doe…
How can I implement reCAPTCHA in React depending on the environment in which the application runs – Reactjs
I need to implement a reCAPTCHA system in my React application. So, I registered the development and production domains with Google reCAPTCHA. I created two .env files, one .env.development.local and one .env.production.local in which I added the keys received during…
React Router activeStyle return [object object] – Reactjs
I'm learning React Router and is testing some codes. I found that NavLink activeStyle is not working. I've followed the instructions on StackOverflow, I still get [object object]. My code: class Menu extends Component { render() { return ( <div>…
How can I test this method with Jest? – Reactjs
import { format, getDaysInMonth, getMonth, getYear, isValid, parse } from "date-fns"; export class DateService { public getDaysInMonth(month?: Date) { return getDaysInMonth(month || new Date()); } How do I test it? How can I access the function implementation?