Как передать данные из fetch запроса в массив Options (React select)?

Question

[chvertkos]

import React, { Component, useState } from 'react'
import Select, { OnChangeValue } from 'react-select'
import { playerOptions } from '../../options/app.interface'
import './multiSelectStyles.css'
const options:playerOptions[] = [
    
  ]

  export const MultiSeclect = () => {
    const [currentPlayer, setCurrentPlayer] = useState<any>([])
    const getValue = () =>{
      return currentPlayer
        ?options.filter( player => currentPlayer.indexOf( player.value) >= 0)
        :[]
      }
      const onChange = (newValue:OnChangeValue<playerOptions,boolean>) =>{
        setCurrentPlayer(
          (newValue as playerOptions[]).map((v)=> v.value)
        )
      }
  
  
  
      return(
        <Select 
        classNamePrefix='custom-select'
        onChange={onChange} 
        value={getValue()} 
        options={options} 
        isMulti/>
      )
    }

Дали данные на Swagger UI dev.trainee.dex-it.ru/swagger/index.html, не знаю как им пользоваться, подскажите как получить данные и передать их в массив?

Comments

[WbICHA]

Кто-нибудь видит в коде фетч?

[Антон Горецкий]

Если покажете определение интерфейса playerOptions вот отсюда

import { playerOptions } from '../../options/app.interface'

то будет больше шансов что кто-то подскажет. Потому как я заглянул в данные сваггера и мне совсем не очевидно что требуется получить.

[chvertkos]

Требуется создать компонент-карточку игрока с вот такими данными

export interface playerOptions{
    name: string,
      number: number,
      position: string,
      team: number,
      birthday: Date,
      height: number,
      weight: number,
      avatarUrl: string,
      id: number
}

[WbICHA]

chvertkos, для начала было бы неплохо убрать синтаксические ошибки, чтобы интерфейс валидным стал.

[Антон Горецкий]

Вам нужно слать запрос методом GET на адрес dev.trainee.dex-it.ru/api/Player/GetPlayers с параметрами имя и id-команды - ?Name=Greg&TeamIds=1 (пример) Там еще есть в параметрах номер и размер страницы, но думаю они тут не важны. В ответ придет json-объект у которого есть поле data, в котором будет содержаться массив объектов с нужными данными. Вся сложность в том, что для проведения запроса нужна авторизация. Т.е. в запрос нужно вкладывать токен доступа, который получаешь после проведения авторизации.

[chvertkos]

Антон Горецкий, Спасибо, стало понятнее, дальше разберусь)))