The menu will not open on the first click reactjs
I have a navbar in which there is a button that opens a menu on full screen and in the menu there is a dismiss button. now everything works except the button that opens the menu. It works on double…
The onChange property reset the textfield every time when I type anything in the textfield – Reactjs
I'm trying to create a SignUp authentication page with firebase, So when I'm try to type anything in the textfield every time the text field got reset, I cant able to find the problem. But the main problem I found…
How to pass id with api call with react native?
I have a react native app. And I try to pass the id with a api call. For the backend I am using django framework If I do it hardcoded then it works. But if I pass the id then…
How to remove duplicates from a filter dropdown – Reactjs
I am working on a music library where I want the user to be able to filter through choices of songs. I have a backend API where song objects were created title, artist, album, genre, release date. I was able…
Why does the React useEffect Hook need a useState call instead of a variable? – Reactjs
For example, from the documentation (https://reactjs.org/docs/hooks-effect.html) - import React, { useState, useEffect } from 'react'; function Example() { const [count, setCount] = useState(0); // Similar to componentDidMount and componentDidUpdate: useEffect(() => { // Update the document title using the browser…
React : render a component only when they are visible ( react-intersection-observer ) – Reactjs
We have some components that we want to render only once they are visible. Once rendered we do not want them to be invisible again. What is the best way to do this with react-intersection-observer (without creating additional divs) ?
Dynamic routes ReactJS
Here is the component to render routes: import { useParams } from 'react-router-dom'; function Profile() { const { nickname } = useParams(); return <h1> {nickname} Profile Page</h1>; } export default Profile; Here is routes import Home from '../pages/Home'; import Following…
Why is my state being updated constantly on hover when it's an onClick event? – Reactjs
I put a console.log outside of my useEffect that retrieves a youtube url and see that anytime I hover in or out of the parent div, it seems to be retrieving a URL. This is resulting in lots of wasted…
Why getting an error when destructing a nested array from a object in react – Reactjs
I'm trying to access the data from a nested array which is stored in the data of the object. this data I'm getting from API through "useContext" hook in react. when refreshing the after writing code for accessing the data…
How to Lift State Up w/ React Router 6? – Reactjs
I am wondering how to share state between my two routes. Should I lift state up from my AddContact component to Layout or App to share to ContactList. My Layout component is just rendering a Header and Outlet component. function…