使用React Router v4查询字符串从数组中选择项目

时间:2019-01-24 06:34:17

标签: reactjs react-router-v4

我要实现以下目标:

我有一系列按类别列出的工作:

localhost:3000 / jobs

用户选择项目时,它将列出该类别的所有相关作业:

localhost:3000 / jobs / search?q =类别

从反应路由器中,我得到搜索参数并按类别过滤作业数组,然后

显示此作业列表,如下所示:

selection = input('input selection: ')
list1 = DoSomethingWithList()

if selection == "1" : 
  RangeOfList = int(input('input range of list : '))
  list1.inputList(RangeOfList) # this is not executed
elif **selection == "2" :**
   list1.deleteSomething()      # and this too
else : 
   temp = 1

现在,每当用户单击位置时,我都希望在上方显示其详细信息。我认为我的网址应显示如下内容:

localhost:3000 / search?q = Category&jobid = 123

1 个答案:

答案 0 :(得分:0)

我将采用另一种方法来显示工作详细信息。

您可以使用React路由器来创建新的路由,而不是使用URL参数,例如class IPInfoFilter(django_filters.FilterSet): ip_type = django_filters.CharFilter(method='filter_ip_type') def filter_ip_type(self, queryset, name, value): # create a dictionary string -> integer value_map = {v: k for k, v in IPInfoModel.IP_TYPES.items()} # get the integer value for the input string value = value_map[value] return queryset.filter(ip_type=value) ,并且可以在每个作业对象中呈现链接。像这样的东西:

jobs/:jobId