I want to have 2 functional React components: a Data component that holds a value in state, that is passed through props: a SummedValue that also holds a value in state, but calculates this value as the sum of it's…
So, I'm going through some React studying and I'm current just doing small code. I was writing two files. The first is where my data is in my variable. I'm using a basic map method to loop through my array…
I'm building a React application where I have a parent component that holds the state and several child components that need to receive and update this state. I'm using props to pass the state and a callback function to update…
This is my react component const ButtonComponent = ({ children, onClick, disabled, className = "" }) => { console.log("class name is ", className); const buttonClassName = ` bg-green-700 flex hover:bg-green-500 transition duration-300 ease-in-out text-white h-auto text-base p-2 rounded-[5px] m-2 ${…
I'm actually working on a fake Shopping cart project with React for The Odin Project ( a free cursus online to learn Javascript ). I'm working with Vite, React-Router and Vitest for this project. I have created a router with…
Using React with Typescript I am trying to do the simple thing, that is iterate through a collection of object and based on each of those - create an instance of custom component. Given that I'm using map function, i…
I am new to react so please be kind. I have an accordion that shows searched terms, I am trying to pass a state down to each child within this accordion but I can't seem to get the state to…
I am trying to teach myself ReactJS using PrimeReact. i am making a simple application to track crypto holdings in a wallet i own. i have this code to create a table with base data from a json file: import…
Let's say I have a parent component like the following: <ParentComponent contentComponent={ <GenericContent content={<FormContent title="Content Title" formComponent={<ChildComponent />} />} /> } /> Now, in my FormContent component, I would like to pass props to my formComponent which in this example…
It's my loginButton which is the wrapper of Button component in another file. 'use client'; import { useRouter } from 'next/navigation'; import { useTransition } from 'react'; interface LoginButtonProps { children: React.ReactNode; mode?: 'modal' | 'redirect'; asChild?: boolean; } export…