In reactjs, I am displaying a cursor before the current letter in a typing test app. I am using the current letter’s absolute positions to position the cursor. It is working, but when used in mobile phone there is slightly smaller value of top position of the letter
const rect = spanRef.current.getBoundingClientRect(); setCurrentCharacterPos({top: rect.top, left: rect.left});

I am fairly new to react and trying to add a row in an existing table when a button is pressed . The table row is added normally just the onlick functions are printing as normal html text not as code (please refer to the image below).

Closed 35 secs ago.

So Hello everyone, I have a question that how can I find the pixel coordinates on the circumference of the circle div, because I want to place elements on it dynamically using React/JS by clicking that element, where when I will click on the element it will automatically come on the circle circumference and when I will click more, more will be added equidistant from each other fully dynamically.

I just finished this masterpiece. and I need feedback from devs, what features would you make for this project?

So I have simple button and I dont know why but text-decoration: none is not working here. I want to remove underline of the word “Resume”

Problem: I’m having trouble with my React Navbar component. When I decrease the screen width, the mobile nav menu opens up, but the #242424 background doesn’t cover the entire width of the page. I’m not sure what I’m missing. My Code: Navbar.js: import React, { useState, useEffect } from ‘react’; import { Link } from […]

I am new to React, when I click the add button it should create a new column with text box and no values in the text box
add button present inside flow data column.
Clone should clone the flow data column.
I debugged but still no luck.
Providing the code and stackblitz below. Can you let me know how to fix it.

I am new to react in the below array there are two items with – symbol.
when I search it should return only two values but why its returning all the values.I debugged but still not able to resolve it.
Can you let me know how to fix it
Providing code and fiddle below

import { configureStore, createSlice } from ‘@reduxjs/toolkit’; const formSlice = createSlice({ name: ‘form’, initialState: { name: ”, dob: ”, }, reducers: { setName: (state, action) => { state.name = action.payload; }, setDob: (state, action) => { state.dob = action.payload; }, }, }); export const { setName, setDob } = formSlice.actions; const store = configureStore({ reducer: […]