获取一个 select 字段以根据 selection 的 id 显示其他 select 字段

Question

我正在使用 material-ui 和 React。我有一个 SelectField 是父组件的孙组件的一部分。我需要的是获取 SelectField 中项目的值，然后使用它在另一个 SelectField 中显示信息，这是该组件的子组件，因此如果您愿意的话，它是父组件的曾孙.

我需要使用从第一个 SelectField 中获得的值来发出 API 请求以获取我需要在下一个 SelectField 中显示的信息。

我可以成功地从第一个 SelectField 中获取值，但我正在努力弄清楚如何让它显示在子组件中。

如果你能帮助我，我将不胜感激。

感谢您的宝贵时间

Answer 1

将您的两个字段的值放在一个状态中，并用这些值填充您的 select 字段。创建一个回调，当第一个字段被修改时，将调用 this.setState() 来修改第二个字段的值。使用 属性 onChange 将此回调附加到您的第一个字段。因此，第二个 select 字段将具有新值。你有一个例子 here

Answer 2

为了解决这个问题，我创建了一个数组，当我 select 来自第一个 SelectField 的值时，我用我想要填充下一个 [=] 的值更新了数组的状态10=] 并将其作为道具从父组件传回。