node.js - 如何根据用户选择或输入的第一个输入字段来实现 material-ui 自动完成

Question

我有两个输入字段，一个是国家列表，另一个是学校列表。

如何根据所选国家/地区自动完成。

例如，用户点击都柏林，只有都柏林的学校列表应该在自动完成中列出

县 学校

我的代码 我的代码

标签： node.jssql-serverreactjsmaterial-ui

Answer 1

在 Autocomplete 组件中，您应该按 selectedCountry 过滤 getSchool 列表。想象一下，在学校名单上你有它的国家，country你应该做以下事情

<Autocomplete
  options={getschool.filter(x => x.country === selectedCountry}
  ...
  ...
/>