Please understand I am just learning.... can someone help modify the code so that when the ‘yes’ option is selected, a hidden part of the form is shown to allow additional completion? I tried to do this using usestate as…
I am working on a React project where I have two components, UserRules (Component A) and UserEmail (Component B). I need to pass the value of a state variable selectedVoucherOption from Component A to Component B so that I can…
I have a React component: const Options = () => { // Option logic if (isOptionOne) { return <OptionOne />; } if (isOptionTwo) { return <OptionTwo />; } if (isOptionThree) { return <OptionThree />; } return null; }; I render…
This is for an interactive bible. In the following code I have buttons that are being conditionally rendered based upon the buttons I previously clicked. The code calls an API to retrieve the data. useEffect(() => { dispatch(fetchBibleBooks()); }, [dispatch]);…
Creating tabs always works well in React and this is working when opening in a browser, but the 'tabActive' styling is not removed when another tab gets clicked. 'tabActive' styling is getting applied onPress to other tabs, but none of…
I have been trying to display the register component of my react app which comprises of register forms. However, I have not been able to succeed and the youtube videos are confusing me more. Here is my App.JS where i…
I'm facing an issue with conditional rendering in a custom component in my React application. I've been working on creating a custom component for conditional rendering that renders content only when a specific condition is met. Here's the code I…
I am trying to create a condition in order to render an error message in a React App. This is my code {channel.length > 0 || sport.length > 0 && ref.current == true && <Error content={"Επιλέξτε φίλτρα"} />}. I am…
Coming from angular, i would like to know what's wrong with this code. I've been told that i should use useMemo (for the fitlering part) and useRef (to store products). I know how to do that, but i want to…
I'm new to React. I'm trying to create a Login/Register Screen. I have three components called Login, Register and SlidingCard. I render these componenets on other jsx file called Screen. In SlidingCard.jsx i have a div and inside this div…