हुक एक नई विशेषता है जो डेवलपर्स को एक वर्ग लिखने के बिना राज्य (एस) और अन्य प्रतिक्रिया सुविधाओं का उपयोग करने की अनुमति देता है।

के बारे में अधिक react-hooks...

मैं Redux, ReferenceAPI आदि का उपयोग किए बिना फॉर्म-घटक से तालिका-घटक में फ़ंक्शन को कैसे ट्रिगर करूं? अभिभावक: ... <Form /> <Table /> तालिका घटक: function TableComponent() { .. ... const updateTable = () => { //do some state here //should be triggered by sibling component/form compone....
31 अगस्त 2021, 19:27
मैंने हाल ही में हुक का उपयोग करके एक टेबल घटक लिखा है, और हर बार पेज लोड होने पर बैकएंड के लिए एक एपीआई कॉल होता है, इसलिए इस बीच एक लोडिंग स्पिनर तब तक दिखाया जाएगा जब तक कि एपीआई से कोई प्रतिक्रिया न हो। मैं राज्य प्रबंधन के रूप में रेडक्स का उपयोग कर रहा हूं, इसलिए जब एपीआई से कोई प्रतिक्रिया ह....
मेरे पास एक कामकाजी आराम सेवा है जिसे मैं प्रतिक्रिया में आमंत्रित करना चाहता हूं। कोड देशों की सूची प्रदर्शित करता है। import {React, useEffect, useState } from 'react' export const Noc = () => { const [nocs, setNoc] = useState(); useEffect( () => { const fetchNoc = ....
22 अगस्त 2021, 15:32
जब मैं एक राउटर में प्रवेश करता हूं जो इस घटक को संदर्भित करता है, तो मेरा ब्राउज़र बस क्रैश हो जाता है। मैंने कुछ कंसोल परीक्षण किए हैं और नोटिस किया है कि जब response.data.message ऊपर होता है, तो यह लगातार पृष्ठ को फिर से प्रस्तुत करता है। क्या कोई मेरी मदत कर सकता है? import React from 'react' ....
12 जुलाई 2021, 19:45
मैं अपने डेटाबेस से मान प्राप्त करने, डालने और हटाने के लिए Axios का उपयोग कर रहा हूं और उन्हें एक तालिका में प्रदर्शित किया है; हालांकि, मुझे अपने परिवर्तन देखने के लिए पृष्ठ को रीफ्रेश करने की आवश्यकता है। उत्तर खोजने के लिए, मैंने इन पोस्टों को देखा है: कैसे Axios सफल कॉल के बाद पेज को अपडेट क....
10 जुलाई 2021, 05:03
मैं एक मूल प्रतिक्रिया परियोजना पर काम कर रहा हूं, जहां मेरे पास वस्तु और सरणी के साथ प्रतिक्रिया स्थिति है, मैं यहां क्या करने की कोशिश कर रहा हूं, मैं वस्तु को images सरणी में धक्का देना चाहता हूं, और मैं प्रस्तुत करना चाहता हूं कि घटक में, अब तक मैंने चीजों को गुगल किया है मुझे इसे करने के लिए क....
9 जुलाई 2021, 10:02
मैं हुक useState और useEffects का उपयोग करके प्रतिक्रिया पर 60 के दशक का समय बनाना चाहता हूं यही मैं कर रहा हूं import '../assets/css/timer.css' import { useState, useEffect } from 'react' const Timer = () =>{ const [ time, setTime ] = useState(0); useEffect(()=>{ if(time!==60){ ....
7 जुलाई 2021, 21:20
मैं Async फ़ंक्शन को कॉल करने और नीचे की तरह प्रतिक्रिया में useRef के अंदर अपनी प्रतिक्रिया का उपयोग करने का प्रयास कर रहा हूं: const myComponent = () => { const getTitle = async () => { const res = await fetch('title'); return res; } const myref = useRef( Emp....
7 जुलाई 2021, 13:47
मेरे पास tableFilterFields नामक एक ऐरी है: const tableFilterFields = [ { label: "اfrom", name: "StartDate", type: FilterControls.DatePicker, defaultValue: new Date(new Date().setDate(new Date().getDate() - 3100)), } props.id === undefined ? { labe....
6 जुलाई 2021, 15:13
मैं डेटा की एक सूची पुनर्प्राप्त कर रहा हूं और todos की सूची से एक शीर्षक नाम खोज रहा हूं, फिर मैं स्विच मटेरियल UI एक घटक के साथ बनाया है जो पूर्ण हो चुके और नहीं किए गए कार्य को टॉगल करने के लिए है। आप पूरा डेमो यहां देख सकते हैं => https: //codesandbox.io/s/so-68247206-forked-sx9kv?file=/src/Ap....
5 जुलाई 2021, 19:25
मेरे पास मेरी डेटा ऑब्जेक्ट्स हैं जिन्हें मुझे इस तरह दिखने की ज़रूरत है: const products = { one: { id: 1, name: 'One', image: oneImage, chair: { name: 'ChairName', image: myImage, colors: { ....
5 जुलाई 2021, 13:52
मैं मूल निवासी प्रतिक्रिया करने के लिए नया हूँ, और मेरी समझ यह है कि कार्यात्मक घटक और हुक जाने का रास्ता है। मैं जो करने की कोशिश कर रहा हूं, मैं एक उदाहरण के रूप में उपयोग करने के लिए सबसे सरल मामले में उबाल गया हूं। (वैसे, मैं टाइपस्क्रिप्ट में लिख रहा हूं।) मेरे पास दो स्वतंत्र घटक हैं। दोनों....
3 जुलाई 2021, 18:36
प्रारंभिक स्थिति को साफ़ किए बिना एकल सरणी में वस्तुओं की एक सरणी कैसे सेट करें। const [arr,setArr]=useState([]) const arr1=[{key:'a',value:'a'},{key:'b',value:'b'}] const arr2=[{key:'c',value:'c'},{key:'d',value:'d'}] 1st cycle setState setArr((prevState)=>(prevState.push(...arr1)) // required st....
3 जुलाई 2021, 14:01
मेरे पास बटनों की एक सूची है और वे बहु चयन योग्य हैं। जब मैं उन बटनों का चयन करता हूं जिन्हें मैं जोड़ना चाहता हूं, तो इसे पूरी तरह से सरणी में जोड़ा जाएगा और नीला हो जाएगा और जब मैं पहले से चयनित बटन पर क्लिक करता हूं तो इसे सरणी से हटा दिया जाना चाहिए और सफेद हो जाना चाहिए लेकिन ऐसा नहीं होता है।....
2 जुलाई 2021, 20:07
मेरे पास एक साधारण स्थिति है, जो कर्मचारियों के लिए कॉफी की कीमत को परिभाषित करती है, अगर रेडियो बटन चेक किया गया है। const [coffee, setCoffee] = useState(0); const [checkedCoffee, setCheckedCoffee] = useState(true); इस प्रकार मैं नया राज्य स्थापित कर रहा हूँ: useEffect(() => { if (che....
30 जून 2021, 12:03
मैं प्रतिक्रिया और एक मौसम एपीआई के साथ काम कर रहा हूं और इस फॉर्म को एक साथ रखा है: function Forecast() { const [cities, setCities] = React.useState([]); const addCity = (city) => { if (!city.text || /^\s*$/.test(city.text)) { return; } const newCities = [city, ...cities];....
27 जून 2021, 22:55
मैं एक साधारण टिक टीएसी को पैर की अंगुली का खेल बनाने की कोशिश कर रहा हूं, कुछ खास नहीं। कोड का वह हिस्सा है जिसमें मुझे परेशानी हो रही है: const [player,setPlayer]=useState("O") const [board, setBoard]=useState([null,null,null,null,null,null,null,null,null]) //9 db const renderCell=(i)=>{ ....
26 जून 2021, 14:50
मेरे पास एप्लिकेशन में अलर्ट की एक सरणी प्रदर्शित करने के लिए एक हुक है। हर बार जब मैं सरणी को पुश करने के लिए हुक को कॉल करता हूं और एक नया अलर्ट दिखाता हूं तो यह बिना किसी समस्या के काम करता है, लेकिन अगर मैं इस अलर्ट को चाइल्ड कंपोनेंट से हटाना चाहता हूं, तो पैरेंट हुक फंक्शन को लागू करने से काम....
30 मई 2021, 20:13
मैं उत्पादों को सूचीबद्ध करने के लिए एक पेज बना रहा हूं। तो मेरे पास एक इनपुट है: एकाधिक छवियों का चयन करने के लिए फ़ाइल बटन और फिर मैं सर्वर पर छवियों को अपलोड करने और छवियों के साथ यूआई में प्रगति प्रदर्शित करने के लिए एक एपीआई कॉल कर रहा हूं। यहाँ मेरा कोड है। import axios from 'axios' import R....
29 मई 2021, 21:08
मैं एक टूडू एप्लिकेशन पर काम कर रहा हूं और मैंने इसके अंदर की वस्तुओं के साथ कार्यों की एक सरणी पास की है लेकिन कार्यों को प्रॉप्स के रूप में पारित करने के बाद यह कभी भी ToDoList में अपडेट नहीं होता है। कृपया मेरी मदद करें मैं आपकी मदद की सराहना करता हूं और इसके पीछे तर्क जानना चाहता हूं। App.js: ....
मैंने एक पेज पर सभी कार्ड घटकों को मैप करने के लिए ऐप बनाया है। लेकिन घटकों को लंबवत दिखाया गया है। मुझे प्रति पंक्ति 3 घटक दिखाने की जरूरत है। मैं इसे इस तरह कैसे दिखा सकता हूं? यहाँ मेरा कोड है। const[item, setItem] = useState([]); function addItem(newItem){ //This addItem Part is working. ....
जब भी useEffect कहा जाता है, तब से मेरा कोड बोर्डिटम्स की स्थिति निर्धारित नहीं कर रहा है, currentUser शून्य है। उपयोग प्रभाव को कॉल करने से पहले मैं वर्तमान उपयोगकर्ता को पुनर्प्राप्त करने के लिए कैसे प्रतीक्षा करूं? const [boarditems, setboarditems] = useState([]); const currentUser = useCon....
21 मई 2021, 17:29
मेरी अंग्रेजी बहुत अच्छी नहीं है; मैंने एक आवेदन तैयार किया। मैं निम्न वर्ग संरचना को फ़ंक्शन या स्थिरांक के रूप में उपयोग करना चाहता हूं। मैं वह कैसे कर सकता हूं? मैं प्रॉप्स का उपयोग करने के लिए फ़ंक्शन घटक का उपयोग करना चाहता हूं। मैंने पूरा कोड जोड़ा। आयु गणना ऐप। मैंने useState - useEffect....
नेस्टेड राज्य वस्तु इस प्रकार है: key1: { key2: [ { field1: "value", field2: ["value", "value"], field3: [ { ff1: "val", ff2: ["val"], ff3: [ [{ f1: "v", f2: 1 }, { f1:....
7 मई 2021, 22:18
मेरे पास रिएक्ट स्लीक स्लाइडर का उपयोग करके एक साधारण स्लाइडर है, मेरी स्लाइड्स में से एक रिएक्ट प्लेयर का उपयोग कर एक वीडियो है, अब मैं चाहता हूं कि उपयोगकर्ता स्लाइड को बदलने के लिए यहां वीडियो चलाने को रोकने के लिए मेरे पास अब तक है। कोड सैंडबॉक्स पर एक लाइव डेमो यहां दिया गया है: वीडियो डेमो रोक....