Как получить только значения выбранных элементов, используя компонентact-select в массиве? - PullRequest
Новая
       17

Как получить только значения выбранных элементов, используя компонентact-select в массиве?

0 голосов
/ 26 апреля 2019

У меня есть компонентact-select, который получает список пользователей. Я могу выбрать столько пользователей, сколько захочу, в моем рендере приведен следующий код. 

  <Form.Group >
                        <Form.Label>Select users</Form.Label>
                        <Select
                          value={selectedOption}
                          onChange={this.handleChangeUsers}
                          options={this.state.users}
                          isMulti="true"
                          isSearchable="true"
                          maxMenuHeight="150"
                          closeMenuOnSelect={false}
                        />
</Form.Group>

Мой метод onChnage следующий, но в этом я получаю все детали выбранного варианта, например: 

   (2) [{…}, {…}]
        0: {label: "User 1", value: "user@mail.com"}
        1: {label: "User 2", value: "user@mail.com"}

  handleChangeUsers = (selectedOption) => {
      this.setState({ selectedOption });
      console.log(`Option selected:`, selectedOption);
    }

Как мне нужно изменить свой код, чтобы иметь только один массив с только значениями выбранных мной пользователей, например: 

["user@mail.com", "user2@mail.com", "user3@gmail.com"]
...