I have a problem here, I am doing my project to make a Daily Fashion apps but I got stuck with that error that happen because my route.params I have 2 files right here: HomeScreen.js: import { View, Text, StyleSheet,…
I have the following code : import { useContext, useState, useEffect } from 'react'; import React from 'react'; import { RoomContext } from '../context/RoomContext'; let nextMessageID = 0 export default function Chat({roomId}) { const { socket } = useContext(RoomContext) const…
I want to initialize a React state as an empty Set in Typescript, and then add/remove values. If I wanted to use an array, I would do this: const [products, setProducts] = React.useState<String[]>([]) // And then to change it: setProducts([...products,…
I am creating a form in React that uses dynamically added fieldsets for contacts that I am adding through using state. These fieldsets have a button to remove the fieldset if the user wishes to. However when I click the…
function Text() { const [text, setText] = useState(""); return ( <div className="white"> input from which I need to catch information <input type="text" placeholder="enter" onChange={(e) => setText(e.target.value)} /> <button onClick={console.log(text)}>CLICK</button> <div>{text}</div> </div> ); }
I have a list of posts that I am mapping through and want to get the associated author data and avatar photo url, for each post. I have functions that make api calls and return this information, when called on…
I would like a callback function to also execute event.stopPropagation() on the div element where it is being called in addition to updating the state. QueryInput is the customized input div element where user can add text. I want the…
I created a blog component to my portfolio to display my medium posts, I wanted to test if it would render new articles so I published a new article to test it but it doesn't change even on refresh, the…
I have a react app that consists of a Layout component and everything else is wrapped in this layout. I have an App.tsx file and the return part of the code looks like this: return ( <Layout> <div className='App'> {isConnected…
I have a useFetchPokemon hook that includes the following code: import { useState, useEffect } from "react"; export const useFetchPokemon = () => { const initialUrl = "https://pokeapi.co/api/v2/pokemon" const [pokemon, setPokemon] = useState([]) as any; const [nextUrl, setNextUrl] = useState(null)…