কোনও সীমাবদ্ধ গ্লোবাল নেই

Question

আমি একটি ওয়েবঅ্যাপ বিকাশ করতে প্রতিক্রিয়া এবং রেডাক্স ব্যবহার করছি এবং যখন আমি আমার প্রকল্প শুরু করি তখন আমি এটি পেয়েছিলাম:

Line 13:  Unexpected use of 'location'  no-restricted-globals

Search for the keywords to learn more about each error.

এটি কীভাবে সমাধান করা যায় সে সম্পর্কে আমি অনেকগুলি অনুসন্ধান করি, কিন্তু আমি যে উত্তর পেয়েছি তার কোনওটিই আমাকে সহায়তা করতে পারেনি, তাই আমি স্ট্যাকের ওভারফ্লোতে পরিণত হয়েছিল।

কেউ কীভাবে এই ত্রুটিটি ঠিক করতে জানেন? আমি যে সমস্ত সহায়তা পেতে পারি তার প্রশংসা করি।

Answer 1

windowআগে location(অর্থাত্ window.location) যুক্ত করার চেষ্টা করুন ।

Comments

এটি গ্রহণযোগ্য উত্তর হওয়া উচিত। ESLint সঠিকভাবে আপনাকে জানাতে দিচ্ছে যে আপনি দুর্বল কোডটি লিখছেন। গৃহীত উত্তর সহ অন্যান্য দুটি উত্তর সমস্যার সমাধান করবেন না তবে কেবল ইএসলিন্টকে এ সম্পর্কে আপনাকে জানাতে অক্ষম করুন।

— মাইক ওয়ালেস

প্রকৃতপক্ষে এটিকে ঠিক করার সঠিক উপায় হ'ল উইন্ডো.লোকেশন সহ লোকের উপসর্গ। কোনও কারণে, সিআরএ টিম বর্তমানে locationএকটি "বিভ্রান্তিকর ব্রাউজারকে বিশ্বব্যাপী" বিবেচনা করে। আমি বলব যদি আপনি সিআরএ ব্যবহার করে থাকেন এবং লোকেশন অবজেক্ট সম্পর্কে জানেন না, আপনি নন-ম্যানস ল্যান্ডে আছেন। হতে পারে তারা কেবল ইউআরএল পাঠকে বিরক্তিকর করে তুলতে চায়, যা বোধগম্য হবে ...

— ডিভিন জি রোড

আমি গিথুব ইস্যুটি বিশেষভাবে জিজ্ঞাসা করেছিলাম যে locationবস্তুটি আসলেই একটি বিভ্রান্ত ব্রাউজার বিশ্বব্যাপী কিনা, তাই window.সর্বত্র উপসর্গের প্রয়োজন ... github.com/facebook/create-react-app/issues/7733

— ডিভিন জি রোড

Answer 2

এটি একটি সহজ এবং সম্ভবত সেরা সমাধান নয়, তবে এটি কার্যকর হয়।

লাইনের উপরের লাইনে আপনি নিজের ত্রুটি পান, এটি আটকে দিন:

// eslint-disable-next-line no-restricted-globals

Comments

পরিষেবা কর্মীদের ব্লব হিসাবে অন্তর্ভুক্ত করার সময় একটি তৈরি-প্রতিক্রিয়া-অ্যাপ্লিকেশন প্রকল্পের জন্য ভাল সমাধান। সম্মত।

— এডিসি

এটি সমস্যাটি সমাধান করে না, কেবল সতর্কতাটি আড়াল করে।

— ভ্লাদিমির নুল

Answer 3

সম্ভবত আপনি একটি উপাদান হিসাবে উপাদান মধ্যে অবস্থান পাস করার চেষ্টা করতে পারেন। নীচে আমি ব্যবহার করি ... অন্যান্যপ্রবাহসমূহ। এটি স্প্রেড অপারেটর, এবং বৈধ তবে অযৌক্তিক যদি আপনি আপনার প্রপসগুলিতে স্পষ্টভাবে পাস করেন তবে এটি ঠিক সেখানে প্রদর্শনের উদ্দেশ্যে একটি স্থানধারক হিসাবে রয়েছে। এছাড়াও, ({অবস্থান}) কোথা থেকে এসেছে তা বুঝতে গবেষণামূলক কাঠামোগত গঠন।

import React from 'react';
import withRouter from 'react-router-dom';

const MyComponent = ({ location, ...otherProps }) => (whatever you want to render)


export withRouter(MyComponent);

Answer 4

/* eslint no-restricted-globals:0 */

অন্য বিকল্প পদ্ধতি