জেএসএক্স প্রতিক্রিয়া / প্রতিক্রিয়া-ইন-জেএসএক্স-স্কোপ ব্যবহার করার সময় 'প্রতিক্রিয়া' অবশ্যই স্কোপে থাকতে হবে?


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;

ত্রুটি: জেএসএক্স প্রতিক্রিয়া / প্রতিক্রিয়া-ইন-জেএসএক্স-স্কোপ ব্যবহার করার সময় 'প্রতিক্রিয়া' অবশ্যই স্কোপে থাকতে হবে

উত্তর:


250

আমদানি লাইনটি হওয়া উচিত:

import React, { Component }  from 'react';

প্রতিক্রিয়া জন্য বড় হাতের অক্ষর নোট করুন।


3
কীভাবে এড়ানো যায়। আমার অর্থ যখন আমি একটি রাষ্ট্রবিহীন ফাংশন তৈরি করি, নেক্সটজেসে এটির প্রয়োজন হয় না
মুহাইমিন সিএস

1
@ মুহাইমিন সিএসগুলি আপনার এসলিন্টক্রি ফাইলটিতে নিয়ম পরিবর্তন করে
প্যাট্রিক

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ফাইলগুলির শীর্ষে আমদানি করতে হবে না , নেক্সটজগুলি এটি আপনার জন্য করে।


এখানে NextJs ব্যবহারকারী, এর জন্য ধন্যবাদ। বিধি যুক্ত করার "react/react-in-jsx-scope": "off"ফলে ত্রুটি দূর হবে, globalsযোগটি কী সম্পাদন করে? ধন্যবাদ!
ডিবিড্রেড

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.