React：如何显示动态数量的多选组件并获取其值

Question

我是React的新手，现在已经在这个问题上挣扎了几天。我有一个页面，需要根据单击的链接显示动态数量的多选下拉列表。我在componentDidMount中获得了下拉列表，然后使用地图在render方法中对其进行了显示，以显示react-picky或react-select组件。但是我无法将这些下拉菜单的值映射到状态。例如如果我从后端获得3个下拉菜单的国家，地区和持续时间（这将根据所选的链接而变化）如何在状态中存储为这些下拉菜单选择的值？

  render() {
    <div className="flex flex-left flex-wrap">
          {this.state.fields.map((ddEle, i) => {
              return (
                  <span key={ddEle.name+'_s'} style={{margin:5}}>
                  <label key={ddEle.name+'_l'} style={{fontSize:".9em"}}> 
                       {ddEle.placeholder}</label>
                  <Picky
                    value={????}
                    options={ddEle.values}
                    onChange={????}
                    valueKey="id"
                    labelKey="name"
                    multiple={ddEle.isMulti==='Y'?true:false}
                    includeSelectAll={ddEle.isMulti==='Y'?true:false}
                    includeFilter={true}
                    dropdownHeight={200}
                    key={ddEle.name+'_d'}
                    name={ddEle.name}
                  />
                  </span>
              )
          })}
          </div>
}