Я хочу использовать автозаполнение из пакета 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>
);
}