Failed prop type: Вы предоставили реквизит `value` для поля формы. Реагировать-Bootstrap-Typehead - PullRequest
Новая
       29

Failed prop type: Вы предоставили реквизит `value` для поля формы. Реагировать-Bootstrap-Typehead

0 голосов
/ 09 сентября 2018

Я использую головку начальной загрузки: https://github.com/ericgio/react-bootstrap-typeahead, и я не могу понять, почему этот пакет отвлекается. Что не так с этим кодом, что он дает мне эту ошибку:

Тип пропущенного пропета: вы предоставили опору value для поля формы без обработчика onChange. Это сделает поле только для чтения. Если поле должно быть изменяемым, используйте defaultValue. В противном случае установите onChange или readOnly. 

import React, { Component } from "react";
import Dropdown from "../../bootstrap/Dropdown";
import RealmAPIs from "../../../API/realms/RealmAPI";

import {Typeahead} from 'react-bootstrap-typeahead';

import AutoComplete from "../../bootstrap/AutoComplete";
// import RealmAPI from '../../../API/realms/RealmAPI';

var options = [
  'John',
  'Miles',
  'Charles',
  'Herbie',
];

export default class FindCharacter extends Component {
  state = {
    realmName: "",
    characterName: "",
    realms: []
  };



  setRealmName = value => {
    this.setState({ realmName: value });
  };

  componentDidMount() {
    // let realms = [...this.state.realms];
    // RealmAPIs.getAllRealms().then(response =>
    //   console.log(response.realms.map(value => {}))
    // );
  }

  render() {
    return (
      <div>
        <form className="form-inline justify-content-md-center">
          <div className="form-group mb-2">
            {/* <Dropdown setRealmName={this.setRealmName}/> */}
            <Typeahead
              labelKey="name"
            placeholder="Type a realm"
              onChange={selected => {
                console.log(selected);
              }}
              options={
                options
              }
            />
          </div>
          <div className="form-group mx-sm-3 mb-2">
            <input
              type="text"
              className="form-control"
              id="characterName"
              placeholder="Enter Character Name"
            />
          </div>
          <button
            type="submit"
            className="btn btn-primary mb-2"
            onClick={e => {
              e.preventDefault();
              console.log(this.state.name);
            }}
          >
            Submit
          </button>
        </form>
      </div>
    );
  }
}

1 Ответ

0 голосов
/ 10 сентября 2018

Обновление до версии 3.2.3 response-bootstrap-typeahead должно решить проблему.

Я не уверен, почему, но React v16.5 (я думаю?) Начал вызывать предупреждение. Была проблема, отслеживающая это , а также PR, исправляющий это .

...