কীভাবে কোনও ফাইলে ESLint প্রতিক্রিয়া / প্রপ-প্রকার নিয়ম অক্ষম করবেন?

Question 1

আমি ব্যবহার করছি Reactএবং ESLintসঙ্গে eslint-plugin-react।

আমি চাই এক ফাইলে নিয়ম।disableprop-types

var React = require('react'); 
var Model = require('./ComponentModel');

var Component = React.createClass({
/* eslint-disable react/prop-types */
    propTypes: Model.propTypes,
/* eslint-enable react/prop-types */
    render: function () {
        return (
            <div className="component">
                {this.props.title}
            </div>
        );
    }
});

Question 2

আপনার ফাইলের উপরে এটি কেবল রাখুন:

/* eslint react/prop-types: 0 */

Question 3

যদি আপনার কাছে কেবল একটি ফাইল থাকে তবে আপনি ব্যবহার করতে পারেন প্রপ-টাইপ বৈধতা অক্ষম করতে চান:

/* eslint react/prop-types: 0 */

আপনার একাধিক ফাইল রয়েছে এমন ক্ষেত্রে .eslintrcআপনি নিজের রুট ডিরেক্টরিতে নিজের ফাইলটিতে প্রোপ-টাইপ বৈধতা অক্ষম করার একটি নিয়ম যুক্ত করতে পারেন:

{
 "plugins": [
     "react"
  ],
  "rules": {
    "react/prop-types": 0
  }
}

পরবর্তী নিয়মগুলির জন্য আপনি এই লিঙ্কটি চেকআউট করতে পারেন যা আমার সমস্যাটিকে সমাধান করেছে এবং অসুবিধার জন্য আপনি কীভাবে বিভিন্ন বিকল্পের মাধ্যমে এটি নিষ্ক্রিয় করতে বা সক্ষম করতে হবে সে সম্পর্কে এসলিন্ট-প্লাগইন-প্রতিক্রিয়াটির গিথুব ডকুমেন্টেশন থেকেও পড়তে পারেন ।

Question 4

আমার করতেই হতো:

/* eslint react/forbid-prop-types: 0 */

এটা করেছে না আমার জন্য কাজ:

/* eslint react/prop-types: 0 */

আপনার .eslintrc ফাইলে বিশ্বব্যাপী অক্ষম করতে (পুরানো সংস্করণ v6.0 বা নীচে):

{
    "rules": {
        "react/forbid-prop-types": 0
    }
}

আপনার .eslintrc ফাইলে বিশ্বব্যাপী অক্ষম করতে (v6.0 এর উপরে নতুন সংস্করণ):

{
    "rules": {
        "react/prop-types": 0
    }
}

Question 5

আমাকে মন্তব্যগুলি উপেক্ষা করে পুরো উপাদানটি মুড়ে ফেলতে হয়েছিল।

var React = require('react'); 
var Model = require('./ComponentModel');

/* eslint-disable react/prop-types */
var Component = React.createClass({

    propTypes: Model.propTypes,

    render: function () {
        return (
            <div className="component">
                {this.props.title}
            </div>
        );
    }
});
/* eslint-enable react/prop-types */

Question 6

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

// eslint-disable-next-line react/prop-types
const RightArrow = ({ onPress, to }) => (<TouchableOpacity onPress={() => onPress(to)} style={styles.rightArrow}><Chevrons.chevronRight size={25} color="grey" /></TouchableOpacity>);