react-hooks पर टैग किए गए जवाब

अद्यतन स्थिति का सही तरीका क्या है, एक नेस्टेड ऑब्जेक्ट है, रिएक्ट विद हुक्स? export Example = () => { const [exampleState, setExampleState] = useState( {masterField: { fieldOne: "a", fieldTwo: { fieldTwoOne: "b" fieldTwoTwo: "c" } } }) किसी क्षेत्र setExampleStateको अपडेट exampleStateकरने के लिए कोई कैसे उपयोग करेगा a? …

114 javascript  reactjs  react-hooks 

मैं नए रिएक्ट हुक की कोशिश कर रहा हूं और एक काउंटर के साथ क्लॉक कंपोनेंट है जिसे हर सेकंड बढ़ाना है। हालाँकि, मान एक से आगे नहीं बढ़ता है। function Clock() { const [time, setTime] = React.useState(0); React.useEffect(() => { const timer = window.setInterval(() => { setTime(time + 1); …

109 javascript  reactjs  react-hooks 

मैं राज्य बदलने की उम्मीद कर रहा हूं कि प्रॉप्स परिवर्तन पर फिर से लोड करना है, लेकिन यह काम नहीं करता है और userअगले useStateकॉल पर चर को अपडेट नहीं किया जाता है, क्या गलत है? function Avatar(props) { const [user, setUser] = React.useState({...props.user}); return user.avatar ? (<img src={user.avatar}/>) …

109 reactjs  react-hooks 

क्या componentDidMountहुक के माध्यम से प्रतिक्रियाशील कार्यात्मक घटकों में अनुकरण करने के तरीके हैं?

107 javascript  reactjs  react-hooks 

डॉक्स के अनुसार: componentDidUpdate()अद्यतन होने के तुरंत बाद आह्वान किया जाता है। प्रारंभिक रेंडर के लिए इस विधि को नहीं कहा जाता है। हम नए useEffect()हुक का उपयोग अनुकरण करने के लिए कर सकते हैं componentDidUpdate(), लेकिन ऐसा लगता है कि useEffect()हर रेंडर के बाद भी दौड़ा जा रहा है, …

106 javascript  reactjs  react-hooks 

मुझे इस कोड के परिणाम के बारे में आसानी से बताएं। const ForExample = () => { const [name, setName] = useState(''); const [username, setUsername] = useState(''); useEffect(() => { console.log('effect'); console.log({ name, username }); return () => { console.log('cleaned up'); console.log({ name, username }); }; }, [username]); const handleName …

94 reactjs  react-hooks 

मैं हुक सुविधाओं (रिएक्ट v16.7.0-अल्फा) का उपयोग करने के लिए टाइपस्क्रिप्ट प्रोजेक्ट के साथ एक प्रतिक्रिया को माइग्रेट कर रहा हूं, लेकिन मैं यह पता नहीं लगा सकता कि विध्वंसक तत्वों के टाइपिंग को कैसे सेट किया जाए। यहाँ एक उदाहरण है: interface IUser { name: string; } ... const …

90 reactjs  typescript  react-hooks 

रिएक्ट का उपयोग करने का मानक तरीकाState हुक निम्नलिखित है: const [count, setCount] = useState(0); हालांकि यह const countचर स्पष्ट रूप से एक अलग आदिम मूल्य के लिए पुन: सौंपा जा रहा है। फिर चर को क्यों नहीं परिभाषित किया गया है let count?

33 javascript  reactjs  ecmascript-6  react-hooks 

यहाँ समस्या है: मैं एक बटन क्लिक पर 2 फ़ंक्शन कॉल करने का प्रयास कर रहा हूं। दोनों फ़ंक्शन राज्य को अपडेट करते हैं (मैं उपयोग कर रहा हूं हुक)। पहला फ़ंक्शन वैल्यू 1 को 'नया 1' के लिए सही ढंग से अपडेट करता है, लेकिन 1 एस (सेटटाइमआउट) के …

31 javascript  reactjs  react-hooks 

मैं यह पता लगाने की कोशिश कर रहा हूं कि फायरबेस श्रोता का उपयोग कैसे किया जाए ताकि रिएक्शन हुक अपडेट के साथ क्लाउड फायरस्टार डेटा रीफ्रेश हो जाए। प्रारंभ में, मैंने इसे फायरस्टार डेटा प्राप्त करने के लिए एक घटकडाइमाउंट फ़ंक्शन के साथ एक वर्ग घटक का उपयोग करके …

27 javascript  reactjs  firebase  google-cloud-firestore  react-hooks 

मैं रिएक्ट राउटर के नए उपयोगहिस्टोर हुक का उपयोग कर रहा हूं, जो कुछ सप्ताह पहले सामने आया था। मेरा रिएक्ट-राउटर संस्करण 5.1.2 है। मेरा प्रतिक्रिया संस्करण 16.10.1 पर है। आप नीचे मेरा कोड पा सकते हैं। फिर भी जब मैं रिएक्शन-राउटर से नया उपयोग करता हूं, तो मुझे यह …

18 reactjs  react-router  react-hooks  react-router-dom  react-context 

रिएक्ट हुक हमें उपयोग विकल्प देते हैं, और मैं हमेशा हुक बनाम क्लास-स्टेट की तुलना देखता हूं। लेकिन हुक और कुछ नियमित चर के बारे में क्या? उदाहरण के लिए, function Foo() { let a = 0; a = 1; return <div>{a}</div>; } मैंने हुक का उपयोग नहीं किया, और …

12 javascript  node.js  reactjs  react-hooks 

मैं एक कस्टम हुक बना रहा हूं जिसमें कुछ स्थिति बदलने पर एक टॉगल है। आपको किसी भी राज्य को एक सरणी में पास करने में सक्षम होना चाहिए। import { useState, useEffect } from 'react' const useFlatListUpdate = (dependencies = []) => { const [toggle, setToggle] = useState(false) useEffect(() …

10 reactjs  react-native  eslint  react-hooks 

जब विकास के माहौल में, मेरा ऐप ठीक काम करता है। जब उत्पादन वातावरण में यह त्रुटि के साथ क्रैश होता है: Uncaught TypeError: (0 , _react.useEffect) is not a function यह मेरे द्वारा बनाई गई फ़ाइल में होता है जहां मैं प्रतिक्रिया और आयात का उपयोग करता हूं जैसे: …

10 javascript  reactjs  react-hooks  parceljs 

मैं चाहूंगा कि उपयोगकर्ता टूडू आइटम की एक सूची को सॉर्ट करने में सक्षम हो। जब उपयोगकर्ता ड्रॉपडाउन से किसी आइटम का चयन करता है, तो यह सेट हो जाएगा, sortKeyजो नए संस्करण का निर्माण करेगा setSortedTodosऔर बदले में useEffectकॉल और कॉल को ट्रिगर करेगा setSortedTodos। नीचे दिए गए उदाहरण …

9 javascript  reactjs  react-hooks  eslint