reactjs पर टैग किए गए जवाब

मैं दो की परिभाषाओं से गुजरा हूं: शुद्ध कार्य वे हैं जो अपने इनपुट को बदलने का प्रयास नहीं करते हैं, और हमेशा उसी इनपुट के लिए समान परिणाम लौटाते हैं। उदाहरण function sum(a, b) { return a + b; } और Impure फ़ंक्शन वह है जो अपना स्वयं का …

12 javascript  reactjs  redux 

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

12 reactjs  npm  webpack  es6-modules  rollup 

मैं कैसे पॉपअप ( window.open) का उपयोग करके रिएक्ट में OAuth को लागू करने में रुचि रखता हूं । उदाहरण के लिए मेरे पास है: mysite.com - यह वह जगह है जहां मैं पॉपअप खोलता हूं। passport.mysite.com/oauth/authorize - पॉप अप। मुख्य सवाल यह है कि window.open(पॉपअप) के बीच संबंध कैसे …

12 javascript  reactjs  oauth  popup  authorization 

मैं Autocompleteइनपुट टैग के लिए घटक का उपयोग करना चाहता हूं । मैं टैग प्राप्त करने और उन्हें सहेजने की कोशिश कर रहा हूं ताकि मैं बाद में उन्हें डेटाबेस पर सहेज सकूं। मैं प्रतिक्रिया में कक्षाओं के बजाय कार्यों का उपयोग कर रहा हूं। मैंने कोशिश की onChange, लेकिन …

12 reactjs  material-ui 

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

12 javascript  node.js  reactjs  react-hooks 

मैं एक रिएक्ट JS वेब ऐप बना रहा हूं जो अंततः PWA में परिवर्तित हो जाएगा ताकि उपयोगकर्ता इसे अपने मोबाइल उपकरणों पर स्थापित कर सकें। अब क्लाइंट इन PWA ऐप्स को ऐप्पल स्टोर और गूगल स्टोर पर धकेलने का तरीका खोजने के लिए कहता है। तो मेरा प्रश्न यह …

12 javascript  reactjs  progressive-web-apps 

यह मेरा घटक है मैं onClickdiv के मार्ग को बदलने के लिए इनलाइन तीर फ़ंक्शन का उपयोग कर रहा हूं, लेकिन मुझे पता है कि यह प्रदर्शन के मामले में अच्छा तरीका नहीं है 1. इनलाइन एरो फंक्शन changeRoute (routeName) { console.log(routeName) } render() { return ( <> <div onClick={() …

11 javascript  reactjs 

मैंने एलिमेंट-यूआई / लैब स्थापित किया है ताकि अलर्ट कंपोनेंट को इस्तेमाल किया जा सके, लेकिन जब भी मैं इसके साथ आयात करता हूं: import Alert from '@material-ui/lab/Alert';यह इस संकलन को संकलित करने और फेंकने में विफल रहता है: ./node_modules/@material-ui/lab/esm/internal/svg-icons/SuccessOutlined.js Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'. इसलिए …

11 javascript  node.js  reactjs  material-ui 

जब मैंने ब्राउज़र पर अपना प्रोजेक्ट चलाया तो मुझे निम्न त्रुटि मिली: संकलन करने में विफल: ./node_modules/@material-ui/lab/esm/internal/svg-icons/Close.js Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'. मैं स्वतः पूर्ण घटक ("एकाधिक मान" अनुभाग में उदाहरण से) को लागू करने का प्रयास कर रहा हूं । यहाँ कोड का उपयोग कर …

11 reactjs  typescript  material-ui 

मैंने <If />रिएक्ट का उपयोग करते हुए एक साधारण फ़ंक्शन घटक बनाया : import React, { ReactElement } from "react"; interface Props { condition: boolean; comment?: any; } export function If(props: React.PropsWithChildren<Props>): ReactElement | null { if (props.condition) { return <>{props.children}</>; } return null; } यह मुझे एक क्लीनर कोड …

11 javascript  reactjs  typescript 

टी एल; डॉ माता-पिता के घटक को कैसे पता चल सकता है जब इसके तहत प्रत्येक बच्चे के घटक का प्रतिपादन समाप्त हो गया है और उपयोगकर्ता को इसके सबसे संस्करण के साथ दिखाई दे रहा है। मान लीजिए कि मेरे पास component Aएक बच्चा Gridघटक है जिसमें 3x3पोते के …

11 reactjs 

गाय का I एक समस्या का सामना कर रहा है। मेरे पास 2-आयामी डेटा है। डेटा में एक नेस्टेड संरचना होती है जिसमें लिंक होते हैं। const data = [ // First Div Panel [ { id: 1, url: "/services", title: "Services" }, { id: 2, title: "Products", children: [ …

11 reactjs 

मैं एक रिएक्ट सिंगल-पेज एप्लिकेशन बना रहा हूं, और मैंने देखा है कि स्क्रॉल बहाली क्रोम (और शायद ब्राउज़र) में अपेक्षित रूप से काम नहीं करती है। प्रतिक्रिया-राउटर-डोम गिथब रेपो पर, उनके पास एक पृष्ठ होता है जो कहता है कि ब्राउज़र मूल रूप से सिंगल पेज ऐप्स के लिए …

11 javascript  reactjs  google-chrome  react-router 

मेरे पास टाइपस्क्रिप्ट, जेस्ट, वेबपैक और बैबेल का उपयोग करके बनाया गया एक रिएक्ट एप्लिकेशन (क्रिएट रिएक्ट ऐप का उपयोग नहीं) है। "यार्न जेस्ट" को चलाने की कोशिश करते समय, मुझे निम्न त्रुटि मिलती है: मैंने सभी पैकेजों को हटाने और उन्हें फिर से जोड़ने की कोशिश की है। यह …

11 reactjs  jestjs  babeljs  babel-jest  ts-jest 

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

11 reactjs  redux