python (12.9k questions)

javascript (9.2k questions)

reactjs (4.7k questions)

java (4.2k questions)

java (4.2k questions)

c# (3.5k questions)

c# (3.5k questions)

html (3.3k questions)

Questions - conditional-rendering

Smooth animation when turning off a conditionally rendered component in React

My App.js is as below export const App = () => { const [toggled, setToggled] = useState(false); const [ordering, setOrdering] = useState(false); const handleColorModeClick = () => { s...
test-img

moys

javascript

reactjs

css-animations

conditional-rendering

Votes: 0

Answers: 1

Latest Answer

Looks like you need a simple Accordion thingy. You could try something like that (snippet below). One of the main moments here is setting the height to the auto value. It allows the content to change,...
test-img

Ivan Burnaev

how can we use two fetch requests at a time

I am trying to do a prediction on a model using a rest API and show the output on frontend using react. If the prediction is 1 then I need to display the second prediction using conditional rendering....
test-img

harsh

python

reactjs

fetch

fetch-api

conditional-rendering

Votes: 0

Answers: 1

Latest Answer

You can use Promise.all method for fetch multi api in a same time. const firstFetch = await fetch('firstUrl'); const secondFetch = await fetch('secondUrl'); const [firstResponse, secondResponse] = Pr...
test-img

Saeed Hemmati

How to test a component that renders conditional display?

I try to test a functional component which use useSelector hook to get data from state and renders according to the state. I wrote a test for that component. It seems logical to me and it works. But I...
test-img

nagehan

reactjs

react-redux

react-hooks

jestjs

conditional-rendering

reactjs

react-redux

react-hooks

jestjs

conditional-rendering

Votes: 0

Answers: 0

React conditional render for logged in / logged out User only updates state with browser refresh

I'm building a React app using hooks and functional components for the front end to a Rails backend API with Cookie / Session authentication. Everything is working well as far as getting users logged ...
test-img

firesoflife

reactjs

react-router

react-state

react-state-management

conditional-rendering

Votes: 0

Answers: 1

Latest Answer

Here you have a basic example of how you would use context and state to check user Auth: import { createContext, useState, useContext } from "react"; const Context = createContext(); expor...
test-img

Michael

Posts

Questions

Blogs

Jobs