相关疑难解决方法(0)

Material UI Autocomplete 上的 Typescript Equality 问题

数据存储为:

 { 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)

typescript reactjs material-ui formik

14
推荐指数
1
解决办法
1万
查看次数

标签 统计

formik ×1

material-ui ×1

reactjs ×1

typescript ×1