Question

＆＃13;

handleBeaconChange = (beacons) => {
          this.setState({
              beacons
          });

      };

＆＃13;

 this.state = {
            name: '',
            color: [],
            description: '',
            beacons: []
        };

＆＃13;

                         <Select.Async 
                          multi={true} 
                          className="margin-select"
                          value={this.state.beacons}
                          loadOptions={getBeacons}
                          onChange={this.handleBeaconChange}/>

＆＃13;

[！[这是我实际面临的问题我曾经使用过反应选择并使用我使用多选功能。

现在问题是我可以选择多个项目，但它显示数组中的完整对象而不是仅显示值。当我使用simpleValue属性时，它只传递值但不作为数组中的一种元素，而是作为由＆＃34;，（逗号）＆＃34;分隔的字符串。比其他字符串我想要的是在数组中选择的所有项目的值] 2] 2

Answer 1

要获得获取数组值的预期结果，请使用以下选项

var obj = this.state.beacons;
var x = obj.map(function(k,v){
  return v
})
console.log(x)

https://codepen.io/nagasai/pen/NjwWqo?editors=1111

如何使用react-select仅显示多个选定项的值？

1 个答案: