数据存储为:
{ iso: "gb", label: "United Kingdom", country: "United Kingdom" },
{ iso: "fr", label: "France", country: "France" }
Run Code Online (Sandbox Code Playgroud)
传递给自动完成的值是:
{ iso: "gb", label: "United Kingdom", country: "United Kingdom" }
Run Code Online (Sandbox Code Playgroud)
控制台报错
Material-UI:提供给自动完成的值无效。没有一个选项与
{"label":"United Kingdom","iso":"gb","country":"United Kingdom"}.
报告的类型错误 value={}
输入'字符串| ICountry' 不可分配给类型 'ICountry | ICountry[] | 空| 不明确的'。类型 'string' 不能分配给类型 'ICountry | ICountry[] | 空| 不明确的'。
问题:将数据传递给组件并未将其设置为相应的选项,我对如何解决此问题一无所知。
问题代码沙盒:https ://codesandbox.io/s/charming-firefly-zl3qd?file =/ src/App.tsx
import * as React from "react";
import { Box, Typography, TextField, Button } from "@material-ui/core";
import { Autocomplete } …Run Code Online (Sandbox Code Playgroud)