JSX रिएक्शन / रिएक्शन-इन-जेएसएक्स-स्कोप का उपयोग करते समय 'रिएक्ट' को स्कोप में होना चाहिए?

129

मैं एक कोणीय डेवलपर हूं और प्रतिक्रिया के लिए नया हूं, यह सरल प्रतिक्रिया घटक है लेकिन काम नहीं कर रहा है

import react , { Component}  from 'react';
import         { render   }  from 'react-dom';

class TechView extends Component {

    constructor(props){
       super(props);
       this.state = {
           name:'Gopinath'
       }
    }
    render(){
        return(
            <span>hello Tech View</span>
        );
    }
}

export default TechView;

त्रुटि: JSX प्रतिक्रिया / प्रतिक्रिया-में- jsx- गुंजाइश का उपयोग करते समय 'रिएक्ट' का दायरा होना चाहिए

reactjs

— गोपीनाथ कालियप्पन
स्रोत

250

आयात लाइन होनी चाहिए:

import React, { Component }  from 'react';

प्रतिक्रिया के लिए अपरकेस आर पर ध्यान दें।

— पैट्रिक
स्रोत

3

इससे कैसे बचा जाए। मेरा मतलब है कि जब मैं एक स्टेटलेस फंक्शन बनाता हूं, तो नेक्स्टज में इसकी आवश्यकता नहीं है

— मुहिम सीएस

1

@MuhaiminCS अपने eslintrc फ़ाइल में नियम बदल

— पैट्रिक

24

उन लोगों के लिए जो अभी भी स्वीकृत समाधान प्राप्त नहीं करते हैं:

जोड़ना

import React from 'react'
import ReactDOM from 'react-dom'

फ़ाइल के शीर्ष पर।

— अंकित पांडे
स्रोत

14

इन त्रुटियों को अनदेखा करने के लिए नीचे सेटिंग जोड़ें .eslintrc.js/ .eslintrc.json:

  rules: {
    // suppress errors for missing 'import React' in files
   "react/react-in-jsx-scope": "off",
    // allow jsx syntax in js files (for next.js project)
   "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }], //should add ".ts" if typescript project
  }

क्यों? यदि आप उपयोग कर रहे हैं, NEXT.jsतो आपको Reactफ़ाइलों के शीर्ष पर आयात करने की आवश्यकता नहीं है , नेक्स्ट आपके लिए ऐसा करता है।

— JerryGoyal
स्रोत

NextJs उपयोगकर्ता यहाँ, इसके लिए धन्यवाद। नियम जोड़ने से "react/react-in-jsx-scope": "off"त्रुटि समाप्त हो जाएगी , जोड theे से क्या globalsहासिल होता है? धन्यवाद!

— DeBraid

10

import React, { Component } from 'react';

यह एक वर्तनी त्रुटि है, आपको Reactइसके बजाय टाइप करने की आवश्यकता है react।

— कलैया हिरेमठ
स्रोत

यह सटीक उत्तर awas पहले से ही स्वीकृत उत्तर के रूप में प्रदान किया गया है।

— डायलन मैक्स