I wanna switch between two classnames in one element in react by clicking a button. When I click the "Solution" button, the classname of the h1 changes from "solution" to "", but the classname of "blur" stays. My goal is…
I have calendar, If I click on day, I would like to make copy of this value and store it to Array, and if I click on another day, I would like to get current day copy and add it…
I want to copy only those property which is already declared in useState array, like this: const SellDashBoard = () => { const[userData, setUserData] = useState({ name: '', age: '', number: '', }) const data = { name: 'Ram', age:…
my code is seen below import React, { useEffect, useState } from 'react'; import { Box } from '@mui/system'; import { Link, Outlet } from 'react-router-dom'; import { Button } from '@mui/material'; import axios from 'axios'; import Group from './Group';…
Here I am trying to render my tasks' titles in a list. But for some reason they don't render. Here is the MyTasks component: const MyTasks = (props) => { const tasks = [...props.tasks]; console.log(props.tasks, "props.tasks"); console.log(tasks, "tasks"); console.log(tasks[0], "tasks[0]");…
I have upgraded my React native application to the latest version. App working fin on IOS, but on adnroid getting error ' DatePickerAndroid has been removed from React Native' to react-native-datepicker. Please suggest if any alternative module is available or…
I have the following codes that was supposed to render data from a json file. It doesn't display me anything, except the h1 with the curly braces, instead of the data wanted. here is the code: import prod from "../../data/produtos.json";…
I am getting the error "SyntaxError: Cannot use import statement outside a module" when I run my tests in a react project. So, the testing suite has a problem with all of my import statements. The project is not using…
In essence, I cannot study React because I stacked on a basic problem. Sorry I am a newbie, do not judge strong. Message does not show, the code is simple, I do not understand what's wrong with importing CDN. Among…
I am trying to render Tabs using react-tabs. The tab contents are rendered one below another (across different tabs) as follows Adding my code Snippet <Tabs className="tabs"> <TabList className="tab-header-list"> <Tab selectedClassName="tab-header-list-items"><b>A</b></Tab> <Tab selectedClassName="tab-header-list-items"><b>B</b></Tab> <Tab selectedClassName="tab-header-list-items"><b>C</b></Tab> <Tab selectedClassName="tab-header-list-items"><b>D</b></Tab> </TabList> <TabPanel key="1"…