I have a custom hook written to show or hide a list when a button clicked. Below is the custom hook snippet I have written: import { useEffect } from "react"; import { useState } from "react"; function useVisibilityStatus() {…
I've been working with react for nearly 3 years, but sometimes run into difficulties in "Rendering" meaning. Practically, to check "Rendering", I just put "console.log('render')" in a component right before "return <>...</>". Is this correct check? Or Can't I know…
I have a dialog content component from https://mui.com/material-ui/react-dialog/ I want it to have drop down options in the input fields. I have the drop down options working with hardcoded values (see menu items below) but I would like to pull…
I am learning React by building a front end to a remote REST API. (I can modify the remote API if needed.) So far, I have a function on the front end like this: function FooForm() { const [inputs, setInputs]…
I'm trying to create a modal which will be displayed in my index.js page. I do this by using useState to set its display state to true or false. However I want to access this useState from my BottomNavbar component…
im starting to study React JS, so Im trying to build an app that makes cotation and Im trying to pass the cotation value as a prop. But it doesn work. Please help! Thanks!! import './App.css'; import RealDolar from './components/real_dolar.js';…
in tablet and phone devices i'm struggling to force my body's footer to the bottom of the page to sit above the page footer. I've tried setting the bottom to 0 to no avail. this is the current display when…
Error console /node_modules/reactstrap/lib/index.js:1 import _Container from './Container'; ^^^^^^ SyntaxError: Cannot use import statement outside a module at internalCompileFunction (node:internal/vm:73:18) at wrapSafe (node:internal/modules/cjs/loader:1176:20) at Module._compile (node:internal/modules/cjs/loader:1218:27) at Module._extensions..js (node:internal/modules/cjs/loader:1308:10) at Module.load (node:internal/modules/cjs/loader:1117:32) at Module._load (node:internal/modules/cjs/loader:958:12) at Module.require (node:internal/modules/cjs/loader:1141:19) at require (node:internal/modules/cjs/helpers:110:18)…
I have 3 nested selects: Country -> State -> City. But when I change the Country, the State is updated but not the City. The code: https://codesandbox.io/s/change-a-selects-options-based-on-another-dropdown-using-react-forked-hjfr2m?file=/src/App.js
I am trying to build a sorting algorithm visualizer that sorts an element of an array containing integers once every second upon clicking a button. Whenever I click the "selection sort" button, however, it dispatches the "randomize" action type first,…