title: How to use eslint rule for no-multi-comp
body: <p>I came across this <a href="https://github.com/airbnb/javascript/tree/master/react#basic-rules" rel="nofollow noreferrer">style guide</a> and trying to adopt some of its rules.</p>
  
  <p>The first rule mentioned about </p>
  
  <blockquote>
    <p>Only include one React component per file. However, multiple
    Stateless, or Pure, Components are allowed per file. eslint:
    react/no-multi-comp.</p>
  </blockquote>
  
  <p>So in my <code>.eslintrc</code></p>
  
  <pre><code>{
      "parser": "babel-eslint",
      "plugins": [
          "react"
      ],
      "extends": [
          "eslint:recommended",
          "plugin:react/recommended"
      ],
      "rules": {
         "no-set-state": "off"
      },
  
      "parserOptions": {
        "ecmaVersion": 6,
        "sourceType": "module",
        "ecmaFeatures": {
            "jsx": true,
            "modules": true
        }
    },
    "globals": {
      "localStorage": true,
      "fetch": true
  },
    "settings": {
      "react": {
          "pragma": "React",
          "version": "16.4.1"
      }
      }
  }
  </code></pre>
  
  <p>I added this to <code>rules</code></p>
  
  <pre><code>"rules": {
     "no-set-state": "off",
     "react/no-multi-comp":  [true, { "ignoreStateless": true }]
  },
  </code></pre>
  
  <p>Am I doing this correctly? Because when i read the <a href="https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/no-multi-comp.md#rule-options" rel="nofollow noreferrer">docs</a>, I saw a <code>&lt;enabled&gt;</code> I have no idea what that means.</p>