I am building a react app right now and one of the features allows users to look up medical conditions. I'm trying to use the NIH's open-source API with their a
How to style a styled component based on the class name it has. I found the following implementation through some blogs, but this isn't working. Can someone hel
I am using getStaticProps() in a Next.js app but when I run the app it gives ERROR:- warn - Attempted to load @next/swc-win32-x64-gnu, but it was not installed
Here is my code: Parent.js import { useReducer } from 'react'; import Child from "./Child"; let reducer = (state, action) => { let result = { ...state };
I'm new to React. I am working on a react application that communicates with a MYSQL database. When i open the application I get a list of all the students who
I am making use of Material-UI React library and I need to change the border color of a TextField when it is clicked or focused as the case maybe. Here is what
I'm just beginning with react query and used it to get a list of books from the server using useQuery in my ListBooks Component const { data, error, isLoading,
I'm using a Yarn workspace monorepo structure in a TypeScript React project: packages admin package.json user package.json package.json // Workspace
Here is a codesandbox that illustrates the problem: If I have a tree of objects like this: const tasks: Task[] = [ { id: 1, name: "one", children:
i am trying to change the state of bulma model using useSelector and useDispatch like this const isState = useSelector((state) => state.isActiveState
Header Component import React from "react"; import { BrowserRouter as Router, Link } from "react-router-dom"; import { ReactComponent as Logo } from "../../asse
React Hook is not working, giving error as attached screenshot:- My Code:- import React, { useState} from 'react'; import WEBINAR_LIST from './webinar_data';
I would like to change the color of the border of the input on focus, but not sure how to achieve it. I can change the styles the component but not when focusin
I send the object to the backend(Node js) when API call. but I check objects using console log. I checked using POSTMAN. When I checked POSTMAN, I worked very w
<Parallax pages={2} ref={ref}> <ParallaxLayer offset={0} speed={1} factor={2}> <Snowfall snowflakeCount={35} color={'#53bdfc'} />
I have an svg inside a React component that renders conditionally. <div className='avatar'> {gender === true ? <MaleAvatar /> : <FemaleAvat
I'm working on a flights agency website, and at some point I need to draw some lines between elements that are being added dynamically. See the image to underst
currently i'm learning how to develop an application using graphql. I'm facing the error of implementing the subscription inside my application resolver.js cons
I'm trying to publish a create-react-app on Gitlab, using its CI. This is my .gitlab-ci.yml file: stages: - build - pages build: image: node:16 stage:
I'm working on a React component library and I'm trying to figure out what would be the best way to make it configurable. I'd want to achieve something similar