Синтаксический анализ JSON с URL-адреса и значений мест в Kendo React DropdownList

Question

Я новичок в программировании и кендо. Я написал простой код для создания единого выпадающего списка, используя Kendo React, где я жестко закодировал значения -

  import React, { Component } from 'react';
    import { DropDownList } from '@progress/kendo-react-dropdowns';
    import '@progress/kendo-theme-default/dist/all.css';
    import './App.css';

    class App extends Component {
        services = [ "Oxygen Therapy", "CPAP-DME Reimbursement", "Empty Deck Maker" ];

        render() {
            return (
            <div>
              <h2>Select CDS Service</h2>
                <DropDownList data={this.services} />
            </div>
            );
        }
    }

export default App;

- Теперь мне нужно использовать значение title в файле JSON, который передается мне через URL, и я не уверен, с чего начать. Вот образец JSON -

{
   "services": [
        { 
            "id": "empty-deck-create",
            "title": "Empty Deck Maker",
            "description": "Generates an empty card deck",
            "hook": "empty-deck-create"
        }
    ]
}

Answer 1

Это потребует использования свойства textField. Это свойство сообщает DropDown, какое поле в переданном объекте отображать.

<DropDownList data={this.services} textField={"title"}/>