I am trying to dynamically add pairs of buttons and text fields and have the button perform some action on its corresponding text field. My specific use case is creating a 'User Settings' page where users can change a specific…
i am creating a react component Comp1 and i am importing a css file inside it like this-> import "./style.css"; inside style.css i am doing something like this-> @import "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"; but the problem is, this is applying css to all…
I have a project on React, and for layout, I am using an old version. I want to use the new version of react-router-dom but I have some problems. These are my codes. App.js <Route element={<AuthLayout />}> <Route element={<LoginPage />}…
I am implementing some sort of a typing test app with React. I have got the following hierarchy of components: ContainerForWords 1->N Word 1->N Letter. At first I tried doing it with refs, so I can change words' state depending…
I have created a MS Teams personal app using react and fluent UI react northstar library. There is a requirement from the client to generate a KPI for each user's time spent inside the app. I can get the user…
Im with react native 0.71.0 new Architecture but facing the issue with Codegen : 1: Task failed with an exception. What went wrong: Execution failed for task ':react-native:ReactAndroid:buildCodegenCLI'. A problem occurred starting process 'command '.../node_modules/@react-native/codegen/scripts/oss/build.sh'' Here is my settings.gradle file…
I have a React funcion component with states initialized as below const [selectedSection, setSelectedSection] = useState('section1'); const [section, setSection] = useState({ section1: false, section2: false, section3: false }); Now, on click/change of the section links, I invoke below; const onSectionChange…
I am using antd framework for making a table with sorter column. How can I make the tooltip aligned above the sorter icon? Here's the snippet of my UI. I added this prop inside the column, date. showSorterTooltip={{title: 'Click to…
I have the following React code: import { useState } from 'react'; import './App.css'; import Layout from './components/Layout'; interface WordsPayload { listedwords: string[] } function App() { const [word, setWord] = useState({ wordValue: "" }); const [words, setWords] = useState<string[]>([]);…
I am working with react and I want to implement a post request with axios. I have tried several ways, but I don't know why after clicking on submit button no object is returned. Here is my code: export default…