获取选择字段以显示基于选择ID的其他选择字段

我正在使用material-ui和React。我有一个SelectField，它是父组件的孙子组件的一部分。我需要的是获取SelectField中项目的值，然后使用它显示另一个SelectField中的信息，该信息是此组件的子项，因此如果您愿意，它可以是父组件的伟大孙子。获取选择字段以显示基于选择ID的其他选择字段

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

我可以成功从第一个SelectField获得值，但我正在努力想办法让它显示在子组件中。

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

感谢您的时间

来源

2016-05-13 BeeNag

您能否重新定义“在另一个SelectField中显示信息”？你谈论现场价值或选择？你能给出一个简单的代码如何显示选择字段的例子吗？ –

为了解决这个问题，我创建了一个数组，当我从第一个SelectField值我更新了，我想填充下一SelectField与该数组的状态，并通过回从父组件作为道具。

来源

2016-05-13 12:18:47 BeeNag

把你的两个字段的值的状态，并放入系统数值填写您的选择字段。创建一个回调，当第一个字段被修改时，将调用this.setState()修改第二个字段的值。将此回调附加到属性onChange的第一个字段。结果，第二个选择字段将具有新的值。你有一个例子here

来源

2016-05-13 09:53:23

不是我正在寻找的东西。我需要第二个选择字段在选择第一个选项之后填充项目。 – BeeNag

你想要的是实际上有选择填充选项？您可以使用[react-select]（https://github.com/JedWatson/react-select）以编程方式在选择字段中插入新选项。 –

将您的第二个选择字段选项置于某个状态，您可以在呈现第二个选择字段时，并且在没有进行反应选择的情况下，循环显示可用选项以显示选项列表。 –

获取选择字段以显示基于选择ID的其他选择字段

回答

相关问题