import React, { useState } from "react"; import Form from "./child/form.js"; import Details from "./child/details.js"; function App() { const [inp, modifyInp] = useState([]); const inputHandler = (input) => { modifyInp((prevState) => [{ ...prevState, ...input }]); }; console.log(inp); return ( <div>…
I have created the following hook to play audio in react: "use client"; import { useEffect, useState } from "react"; export const useAudio = (url: string) => { const = useState<HTMLAudioElement | null>(null); const [playing, setPlaying] = useState(false); const setVolume…
I built a countdown timer in React using useEffect and setTimeout from the following code below import React, { useState, useEffect } from 'react' import "./App.css"; // Countdown Timer export default function App() { const [time, setTime] = useState(10); useEffect(()…
that is my app in github: https://github.com/Ammar0203/expo why my expo-react-native app's fonts don't work on android but on web it works fine it says : (fontFamily "DMRegular" is not a system font and has not been loaded through Font.loadAsync. If…
I'm trying to assing refs dinamically, but I get the error "Invalid hook call. Hooks can only be called inside of the body of a function component" when useRef. Here: const [subsistemaPlanetario, setSubsistemaPlanetario] = useState([]); const planetRefs = useRef({}); useEffect(()…
How can I make useEffect have control over the component update? I have this: const [data, setData] = useState([]); useEffect(() => { fetch("/api/data") .then((res) => res.json()) .then((res) => { setData(res.data); }) .catch((err) => console.error(err)); }, []); This brings me the…
I am new in this topic (data store in asyncStorage) I want to store my theme color in asyncStorage because when user close the app them will remain same as they selected. I am able to change the theme on…
Hello everyone im trying to prevent double click but im not doing any API calls, and dont want to use timeout I did few approachs first one import React, { useState } from "react"; const App = () => {…
I'm trying to delete an answer next to the delete button I'm pressing. I'm generating a list of answers and next to each answer there is a corresponding delete button. However, when I press the Delete button the last two…
I am creating a reusable component for one of my application. This component internally has complex state management involved with lots of prop drilling. Hence i have used a React pattern with the combination of useReducer and useContext and created…