打字稿-React / Redux显示表格

时间:2019-07-02 04:45:34

标签: javascript reactjs typescript redux jestjs

我想构建一个react typescript redux应用程序,以使用https://example.com/users

提供的api端点显示表

开发一个包含4列“名称”,“电子邮件”,“城市”和“公司”的表,并使用api端点的响应填充行。

我是菜鸟,所以请忍受。

1)我需要使用某种类型的数据库来制作表吗? (即mongoDb /猫鼬)

2)Redux/Redux-Thunk用于存储状态并能够编写返回函数的动作创建者。 Thunk可用于延迟已调度的动作或有条件的动作。

如果我们只是返回数据,则不确定使用Redux做什么。

在同样情况下需要返回JSON格式的数据,在这种情况下Thunk的用途是什么? (硬件分配)

需要返回的示例:

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 :(得分:0)

这个问题非常棘手,如果没有人为您完成作业,从而放弃了学习过程,甚至可能无法回答。

将React / Redux / Typescript / Thunk设置为Junior?祝你好运。

如果您只是从API中获取数据并将其放在UI上的表中,则无需涉及数据库。同样,也不需要涉及redux或thunk那些工具更适合人们在大型应用程序的许多组件之间全局共享状态。

但不要只听我的话,这是React的创建者的一些话。 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,那么显然会改变