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…
Calling an async Api call that takes in the returned promise from another Async api call – Reactjs
I am trying to use the data that loadsummoner sets into a state that will hold the json object returned but when trying to call the second function I am getting undefined when making my api call but on the…
Sort Date in React Table – Reactjs
I am trying to sort the Date column. Currently the sort is alphabetical order. Below is my code for your perusal. JSON [ { "date": "Jun-2022" }, { "date": "Jul-2022" }, { "date": "Nov-2022" } ] columns = [ {…