獲取選擇字段以顯示基於選擇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的其他選擇字段

回答

相關問題