React 19 introduces a new alternative to the existing forwardRef that is called ref as prop: https://react.dev/blog/2024/12/05/react-19#ref-as-a-prop But unfortunately the example provided in the blog post is written in JavaScript, not TypeScript:: function MyInput({placeholder, ref}) { return <input placeholder={placeholder} ref={ref}…
I am working on a Vite+React Project, and currently I am working on mobile navbar so my first problem is when I first click on the mobile nav icon the nav component is showing but on the second click to…
I am doing a weather app using React-Native now Iam trying to Fetch the data of the API so Created a file WeatherData.js that return the name, temp and Weather. I want to pass the data to a Component called…
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…