React: यूज़स्टेट का उपयोग करके अनपेक्षित फ़ंक्शन घटक कॉल

को निर्मित 20 दिस॰ 2019 · 3टिप्पणियाँ · स्रोत: facebook/react

क्या आप किसी सुविधा का अनुरोध करना चाहते बग की रिपोर्ट करना चाहते हैं?

प्रश्न

वर्तमान व्यवहार क्या है?

import React, { useState, useEffect } from "react";
import ReactDOM from "react-dom";

import "./styles.css";

function Child() {
  console.log("Child render");
  return null;
}

function App() {
  const [count, setCount] = useState(0);

  console.log("Render");

  useEffect(() => {
    console.log("count changed", count);
  }, [count]);

  return (
    <div>
      <h2>UseState</h2>
      <p>clicked: {count}</p>
      <button
        onClick={() => {
          setCount(count + 1);
        }}
      >
        +1
      </button>
      <button
        onClick={() => {
          setCount(count);
        }}
      >
        +0
      </button>
      <Child />
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

इस गिनती उदाहरण में दो बटन हैं। एक पर क्लिक करने से गिनती +1 हो जाती है, दूसरा गिनती में कोई बदलाव नहीं करता है। यदि पहले कोई परिवर्तन नहीं बटन क्लिक किया जाता है, तो "रेंडर" लॉग नहीं होगा। लेकिन अगर पहले +1 बटन पर क्लिक करने के बाद "रेंडर" पर क्लिक करने पर दो बार दिखाई देगा, लेकिन ""चाइल्ड रेंडर" केवल एक बार दिखाई देगा।

मुझे दस्तावेज़ में व्याख्या मिली।

यदि आप एक स्टेट हुक को वर्तमान स्थिति के समान मान पर अपडेट करते हैं, तो रिएक्ट बच्चों को प्रदान किए बिना या फायरिंग प्रभाव के बिना जमानत दे देगा। (प्रतिक्रिया Object.is तुलना एल्गोरिथम का उपयोग करती है।)

क्या रिएक्ट केवल यह वादा करता है कि इस स्थिति में बच्चों के घटक का प्रतिपादन नहीं किया जाएगा? वर्तमान घटक अभी भी प्रस्तुत किया जा सकता है?

यह सैंडबॉक्स में एक उदाहरण है।

https://codesandbox.io/s/long-firefly-nz5px?fontsize=14&hidenavigation=1&theme=dark

रिएक्ट के कौन से संस्करण और कौन से ब्राउज़र/ओएस इस समस्या से प्रभावित हैं?

"प्रतिक्रिया": "^16.12.0",
"रिएक्शन-डोम": "^16.12.0",

Question

स्रोत

yqz0203

सबसे उपयोगी टिप्पणी

यह समस्या "बग" की तरह नहीं दिखती है, जैसा कि स्पष्टीकरण के लिए एक प्रश्न है? :मुस्कुराओ:

आपके द्वारा संदर्भित दस्तावेज़ों के

ध्यान दें कि रिएक्ट को अभी भी उस विशिष्ट घटक को बाहर निकालने से पहले फिर से प्रस्तुत करने की आवश्यकता हो सकती है। यह चिंता का विषय नहीं होना चाहिए क्योंकि रिएक्ट अनावश्यक रूप से पेड़ में "गहरा" नहीं जाएगा।

प्रतिक्रिया जल्दी ठीक हो जाती है जब उसे पता चलता है कि यह सुरक्षित है। कुछ मामलों में, यह सुनिश्चित करने के लिए थोड़ा और काम करने की ज़रूरत है कि यह जमानत के लिए सुरक्षित है।

इसके कारणों को वर्तमान कार्यान्वयन विवरण में काफी गहराई तक जाने के बिना समझाया नहीं जा सकता है- जो शायद उतना उपयोगी नहीं होगा और आगामी रिलीज में उनके बदलने की संभावना है क्योंकि हम समवर्ती मोड जैसे नए एपीआई पर काम करना जारी रखते हैं। और रहस्य।

अच्छी खबर यह है कि, जैसा कि डॉक्स का उल्लेख है, रिएक्ट द्वारा किए गए अतिरिक्त काम की मात्रा कम होनी चाहिए!

bvaughn 20 दिस॰ 2019

👍2

सभी 3 टिप्पणियाँ

आपके द्वारा संदर्भित दस्तावेज़ों के

ध्यान दें कि रिएक्ट को अभी भी उस विशिष्ट घटक को बाहर निकालने से पहले फिर से प्रस्तुत करने की आवश्यकता हो सकती है। यह चिंता का विषय नहीं होना चाहिए क्योंकि रिएक्ट अनावश्यक रूप से पेड़ में "गहरा" नहीं जाएगा।

bvaughn 20 दिस॰ 2019

👍2

यह समस्या "बग" की तरह नहीं दिखती है, जैसा कि स्पष्टीकरण के लिए एक प्रश्न है? मैं
आपके द्वारा संदर्भित दस्तावेज़ों के
ध्यान दें कि रिएक्ट को अभी भी उस विशिष्ट घटक को बाहर निकालने से पहले फिर से प्रस्तुत करने की आवश्यकता हो सकती है। यह चिंता का विषय नहीं होना चाहिए क्योंकि रिएक्ट अनावश्यक रूप से पेड़ में "गहरा" नहीं जाएगा।
प्रतिक्रिया जल्दी ठीक हो जाती है जब उसे पता चलता है कि यह सुरक्षित है। कुछ मामलों में, यह सुनिश्चित करने के लिए थोड़ा और काम करने की ज़रूरत है कि यह जमानत के लिए सुरक्षित है।
इसके कारणों को वर्तमान कार्यान्वयन विवरण में काफी गहराई तक जाने के बिना समझाया नहीं जा सकता है- जो शायद उतना उपयोगी नहीं होगा _और_ वे आगामी रिलीज में बदलने की संभावना रखते हैं क्योंकि हम समवर्ती मोड जैसे नए एपीआई पर काम करना जारी रखते हैं। और रहस्य।
अच्छी खबर यह है कि, जैसा कि डॉक्स का उल्लेख है, रिएक्ट द्वारा किए गए अतिरिक्त काम की मात्रा कम होनी चाहिए!

Thx, क्या लापरवाह आदमी है! मैं

yqz0203 23 दिस॰ 2019

कोई चिंता नहीं! मैं

bvaughn 25 दिस॰ 2019

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

React: यूज़स्टेट का उपयोग करके अनपेक्षित फ़ंक्शन घटक कॉल

सबसे उपयोगी टिप्पणी

सभी 3 टिप्पणियाँ

संबंधित मुद्दों