React Informed eslint связанная ошибка элемента управления после добавления «Текст» в качестве элемента управления - PullRequest
Новая
       12

React Informed eslint связанная ошибка элемента управления после добавления «Текст» в качестве элемента управления

0 голосов
/ 01 октября 2018

Я пытаюсь добавить пакет informed в свой проект, но у меня появляется ошибка, когда я добавляю такие компоненты: 

    <Form id="intro-form">
      <label htmlFor="intro-name">
        First name:
        <Text field="name" id="intro-name" />
      </label>
      <button type="submit">Submit</button>
    </Form>

Я добавил Text в свой.eslintrc как controlComponent, и я все еще получаю сообщение об ошибке:

eslint] Form label must have ALL of the following types of associated control: nesting, id (jsx-a11y/label-has-for)

Я предполагаю, что это неправильный способ добавить это в мой файл .eslintrc? 

{
    "rules": {
      "jsx-a11y/label-has-associated-control": [ 2, {
        "labelComponents": ["label"],
        "labelAttributes": ["htmlFor"],
        "controlComponents": ["Text"]
      }]
  },
    "parser": "babel-eslint",
    "extends": [
      "airbnb"
    ]
  }

Когда я изменяю Text на input, ошибка исчезает, и мне кажется, что я неправильно понимаю, как это работает.Любые предложения о том, как разрешить Text в качестве приемлемого input?

...