React: एस्लिंट-प्लगइन-रिएक्शन-हुक: 'हुक को सशर्त रूप से त्रुटि कहा जा रहा है

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

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

बग (संभवतः)

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

प्लगइन यह त्रुटि दिखा रहा है:

रिएक्ट हुक "यूज़स्टेट" को सशर्त कहा जाता है। रिएक्ट हुक को हर कंपोनेंट रेंडर में ठीक उसी क्रम में बुलाया जाना चाहिए। क्या आपने गलती से एक प्रारंभिक रिटर्न के बाद एक रिएक्ट हुक कहा था? (प्रतिक्रिया-हुक / नियम-के-हुक) अनुगामी

लेकिन मुझे नहीं लगता कि मैं किसी भी हुक को सशर्त कह रहा हूं।

कोड:

https://codesandbox.io/s/exciting-bhabha-mqj7q

function App(props) {
  const someObject = { propA: true, propB: false };

  for (const propName in someObject) {
    if (propName === true) {
      console.log("something");
    } else {
      console.log("whatever");
    }
  }

  // THE PLUGIN ERROR MSG ON THIS useState
  const [myState, setMyState] = useState(null);

  return (
    <div className="App">
      <h1>Hello CodeSandbox</h1>
      <h2>Start editing to see some magic happen!</h2>
    </div>
  );
}

अपेक्षित व्यवहार क्या है?

प्लगइन इस स्थिति में त्रुटि नहीं दिखाएगा।

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

ESLint Rules Bug

स्रोत

cbdeveloper

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

विलय किया गया https://github.com/facebook/react/pull/16853

gaearon 25 फ़र॰ 2020

❤2

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

मैंने देखा कि इस विशेष उदाहरण के लिए:

pathsFromStartToEnd 3
allPathsFromStartToEnd 2

यह भी possiblyHasEarlyReturn true

यह विशेष त्रुटि तब बताई जाती है जब pathsFromStartToEnd और allPathsFromStartToEnd असमान हों।

देखें RulesOfHooks.js लाइन 404

यदि आप for..in लूप के अंदर कोड को एक अलग फ़ंक्शन में सार करते हैं, तो लिंट त्रुटि दूर हो जाती है।

इस मामले में, pathsFromStartToEnd और allPathsFromStartToEnd दोनों समान 2 :

  const someObject = { propA: true, propB: false };
  const someFunction = (propName) => {
    if (propName === true) {
      console.log("something");
    } else {
      console.log("whatever");
    }
  }
  for (const propName in someObject) {
    someFunction(propName)
  }
  const [myState, setMyState] = useState(null);

मुझे अभी भी यकीन नहीं है कि क्यों।

dankreiger 20 सित॰ 2019

@ बेयरन , मैंने इस मुद्दे को सुलझाने के लिए एक एमआर को संबोधित किया और (# 16853) बनाया।

ऐसा होने का मुख्य कारण यह है कि allPathsFromStartToEnd के मूल्य की गणना गलत है।
इस उदाहरण में, प्रारंभ से अंत तक के पथों की संख्या 3 होनी चाहिए, लेकिन फ़ंक्शन 2 लौटता है।

ऐसा होने का कारण चक्रीय रास्तों की त्रुटिपूर्ण कैशिंग है। इसलिए सामान्य ग्राफ़ ट्रैवर्सिंग में, हमें पथ इतिहास की भी आवश्यकता होती है, लेकिन यह केवल चक्रीय तत्वों की एक सूची लेता है, और इस पथ पर जाने वाले तत्वों की जानकारी नहीं होती है।
नतीजतन, जब कोई शर्त for...in obj , तो दिशा के आधार पर हम कुछ रास्ते खो सकते हैं।

M-Izadmehr 22 सित॰ 2019

यह अभी भी 2.4.0 के साथ एक मुद्दा है, थोड़ा सरल रेप्रो:

import * as React from "react";

function Component() {
  let isLastEven = false;
  for (let x of [1, 2, 3]) {
    if (x % 2 == 0) {
      isLastEven = true;
    } else {
      isLastEven = false;
    }
  }
  let y = React.useMemo(() => 1, []);
  return <div>{y}</div>;
}

क्या # 16853 को फिर से खोला जा सकता है?

andreypopp 25 फ़र॰ 2020

विलय किया गया https://github.com/facebook/react/pull/16853

gaearon 25 फ़र॰ 2020

❤2

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

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

React: एस्लिंट-प्लगइन-रिएक्शन-हुक: 'हुक को सशर्त रूप से त्रुटि कहा जा रहा है

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

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

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