I'm tried to access only few values in my component but have to define all the values in useContext. if a am not defining the sequence its giving error const [handleChange, isEditMode, setIsEditMode, partnerData, setPartnerData] = useContext(FilterContext); here i want…
I'm using an AuthContext on a node, express, mysql, react project and I want to keep my /dashboard away from strangers, so I added an auth check before that route. The thing is, when I try to log in, a…
I am trying to lean react by solving a problem in react. Providing the react code challenge below. I am trying to iterate the array and trying to print state and checkbox. I googled but still no luck, not sure…
I am learning useEffect Hook in React and I have a question based on its usage. Following is the code, which is still working fine as expected without the use of useEffect Hook. My question is - if this code…
I am trying to lean react by solving a problem in react. Providing the react code challenge below. I am not seeing any error in console. But my normal click event printing.Undo operation not working. Is it good to use…
Im working on a feature in a administrative panel which display the alerts inside of the applicacion. I have 3 methods: GET => get the data from the DB UPDATE => update a alert depending of the ID DELETE =>…
import React from 'react' import ReactDOM from 'react-dom' import { useContext } from 'react' const konteks = React.createContext(null); function components(){ return( <konteks.Provider value="hello world"> <MyComponent /> </konteks.Provider> ); } function MyComponent(){ const getcontext = useContext(konteks); return( <div>{getcontext}</div> ); } const…
in useState hook when the setState is called it will initializes the state with a new value i have the example of code below : import React from 'react' import ReactDOM from 'react-dom/client' import { useState } from 'react' function…
I'm trying to learn React by solving a basic JavaScript problem in React. I googled but still no luck, not sure how to solve it. Here is a repro on stackblitz. import { FC } from 'react'; import './style.css'; export…
how can i achieve this ? const element = () => { return <div> <Container1 /> <Container2 /> </div> } const Container1 = () => { return <div className="container-1"></div> } const Container2 = () => { const [preview,setPreview] = useState(true)…