Как отобразить значение в автозаполнении ввода mui-rff - PullRequest
0 голосов
/ 27 апреля 2020

Я хочу использовать автозаполнение из пакета mui-rff. Я могу выбрать конкретную опцию c, но ввод не показывает значения для пользователя. Когда пакеты обновляются, все работает нормально, но я не могу сделать это так, потому что мое приложение является частью более крупного проекта, и они используют эти указанные c версии.

Пользователь должен выбирать элементы только из список. Он не может поставить значение для этого ввода вручную.

Хитрость в том, что когда я добавляю "несколько" пропеллера к компоненту автозаполнения, он отображает значения. Кажется, здесь проблема только в одном значении.

https://codesandbox.io/s/bad-core-version-coz89?file= / src / App. js

import * as React from "react";
import { Form } from "react-final-form";
import { Autocomplete, Debug } from "mui-rff";
import {
  ThemeProvider,
  createMuiTheme,
  CssBaseline,
  Container
} from "@material-ui/core";

export default function App() {
  return (
    <ThemeProvider theme={createMuiTheme()}>
      <CssBaseline />
      <Container className="App">
        <Form
          initialValues={{ currency: "usd" }}
          onSubmit={console.log}
          render={({ handleSubmit }) => (
            <form onSubmit={handleSubmit}>
              <Autocomplete
                name="currency"
                label="Currency"
                options={[
                  { label: "USD", value: "usd" },
                  { label: "EUR", value: "eur" }
                ]}
                getOptionValue={x => x.value}
                getOptionLabel={x => x.label}
              />
              <Debug />
            </form>
          )}
        />
      </Container>
    </ThemeProvider>
  );
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...