React動態添加x個選擇框以過濾數據

Question

我有一個應用程序，它具有跨不同屏幕的各種選擇框過濾器。 我正在使用通過對象傳遞的json對象填充過濾器。

我遇到的問題是

1）我想從page.js掛鈎狀態，所以我可以為每個過濾器設置值，然后當用戶單擊重置時更新該狀態。 主要問題是在searchbar.js中將狀態作為prop

我在用於生成過濾器的json中有狀態名稱，所以我想編寫this.props。[variable]，但這不起作用

2）任何其他技巧都很好

Answer 1

我可以正常使用，請參閱問題中的鏈接。

在page.js中，我通過了狀態（... this.state）

 <SearchBar
          onChange={this.onChange}
          onReset={this.onReset}
          filters={filters}
          {...this.state}
        />

然后在searchBar.js中，當我遍歷過濾器json時，我可以獲取道具

value={this.props[filter[1].name]}

如果還有其他更好的方法，請告訴我