Typescript - React / Redux для отображения таблицы - PullRequest
Новая
       5

Typescript - React / Redux для отображения таблицы

0 голосов
/ 02 июля 2019

Я хотел бы создать приложение с избыточным текстом для отображения таблицы с использованием конечной точки API, которая была предоставлена. https://example.com/users

Разработка таблицы с 4 столбцами: Имя, Эл.строки с ответом от конечной точки API.

Я нуб, так что терпите меня.

1) Мне нужно было бы использовать какой-то тип БД, чтобы сделать таблицу да?(т.е. mongoDb w / mongoose)

2) Redux/Redux-Thunk используется для хранения состояния и возможности записи создателей действий, которые возвращают функцию.Thunk можно использовать для задержки отправленного действия или для условных выражений.

Не уверен, для чего использовать Redux, если мы просто возвращаем данные.

Та же ситуация, что и для возврата данныхФормат JSON, что будет использовать Thunk в этом случае?(задание hw)

Пример того, что должно быть возвращено:

JSON 

[{
  "id": 1,
  "name": "Jane Doe",
  "username": "JD",
  "email": "jd@april.biz",
  "address": {
    "street": "Kulas Light",
    "suite": "Apt. 425",
    "city": "Dogville",
    "zipcode": "89143-3874",
    "geo": {
      "lat": "-37.3159",
      "lng": "81.1496"
    }
  },
  "phone": "1-555-555-8031 x55555",
  "website": "sample.org",
  "company": {
    "name": "Munder Difflin",
    "catchPhrase": "Multi-layered client-server neural-net",
    "bs": "harness real-time e-markets"
  }
}]

1 Ответ

0 голосов
/ 02 июля 2019

Этот вопрос чрезвычайно правдоподобен и, возможно, даже не отвечает, если кто-то фактически не завершит вашу домашнюю работу за вас, тем самым отказавшись от процесса обучения.

Настройка React / Redux / Typescript / Thunk как младшего? Гудлак.

Если вы просто берете данные из API и помещаете их в таблицу в пользовательском интерфейсе, тогда нет необходимости задействовать базу данных; кроме того, нет необходимости задействовать избыточность или thunk, поскольку эти инструменты больше подходят людям для совместного использования состояния во многих компонентах в более крупных приложениях.

Но не просто поверьте мне на слово, вот несколько слов создателя Реакта. https://medium.com/@dan_abramov/you-might-not-need-redux-be46360cf367

С точки зрения отображения таблицы; с этим я могу помочь ниже, я предоставил кодовую ручку для создания таблицы, необходимой для вашей домашней работы; используйте это как руководство.

https://codepen.io/anon/pen/qzowyP?editors=1111

Преднамеренно разработал его и сделал его очень минимальным. 

goodluck and hope this helps.

РЕДАКТИРОВАТЬ: если вы просто берете данные из external API и отображаете их, нет необходимости задействовать базу данных, если, однако, вы надеетесь создать этот API самостоятельно, то, очевидно, это что-то меняет

...