Передача данных с json в компонент React

Я получаю данные с веб апи с помощью Реакта, данные выглядят так:

{"experts":[{"id":1,"fullName":"Vladimir"}]}

Для этого использую следующий код:

  $.getJSON('https://localhost:5001/api/experts/1')
    .then(({ experts }) => this.setState({ person: experts }));
}

У меня получается выводить полученные значения с помощью константы, которую я потом рендерю, к примеру:

      <div>
        <h1>{ item.fullName }</h1>
        <span></span>
      </div>
    ));

Однако мне нужно как-то передавать передавать получаемые значения в другой компонент, причем в его под свойство. Сам компонент выглядит так:

 return  (
        <ReactJkMusicPlayer audioLists={audiolist}
        />    
      )

Где вот пример его аудиолиста:

const audiolist = [
      {
        cover:musicCover,
        musicSrc:audioFile,
        name:'Meditation for player test',
        singer: 'Meditation author 1'
      },
    ]

Как возможно передать поле из json в поле name константы аудиолиста?