获取一个选择字段，根据选择ID

Question

我正在使用material-ui和React。我有一个SelectField，它是一个组件的一部分，它是父组件的孙子。我需要的是获取SelectField中项目的值，然后使用它来显示另一个SelectField中的信息，这是该组件的子项，所以如果你愿意，那么它就是父组件的一个伟大的孙子

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

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

如果你能帮助我，我会很感激。

感谢您的时间

Answer 1

将两个字段的值置于某个状态，并使用thoses值填充选择字段。创建一个回调，调用this.setState()以在修改第一个字段时修改第二个字段的值。使用属性onChange在第一个字段上附加此回调。结果，第二个选择字段将具有新值。你有一个例子here

Answer 2

为了解决这个问题，我创建了一个数组，当我从第一个SelectField中选择值时，我更新了数组的状态，其中包含我希望填充下一个SelectField的值并通过它从父组件返回作为道具。