Gonzo's questions

是否有可能以某种方式改变下拉列表的过滤行为？有必要使当输入搜索字符串时，过滤从第二个元素开始，即 第一个元素 ( { name: "STATIC", code: null }) 必须始终出现在下拉列表中，即使未找到输入的值。

标记：

<p-dropdown [options]="cities" [filter]="true" [(ngModel)]="selectedCity1" placeholder="Select a City"
optionLabel="name" [showClear]="true"></p-dropdown>

零件：

@Component({
  selector: "app-root",
  templateUrl: "./app.component.html",
  styleUrls: ["./app.component.scss"]
})
export class AppComponent {
  cities: City[];

  constructor() {
    this.cities = [
      { name: "STATIC", code: null },
      { name: "New York", code: "NY" },
      { name: "Rome", code: "RM" },
      { name: "London", code: "LDN" },
      { name: "Istanbul", code: "IST" },
      { name: "Paris", code: "PRS" }
    ];
  }
}

有必要写一个正则表达式在日期字符串中找到这样的格式，2020-12-06 21:00:00.0000000 +00:00我扔了这么一个原始的正则表达式，/\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}\.\d{7} \+\d{2}:\d{2}/但是看起来不太好。有没有办法缩短这种情况并更充分地编写它？

您需要转换以下形式的数组：

[
    {
        name: 'John',
        data: { /* Данные */ }
    },
    {
        name: 'John',
        data: { /* Данные */ }
    },
    {
        name: 'John',
        data: { /* Данные */ }
    },
    {
        name: 'Tom',
        data: { /* Данные */ }
    },
    {
        name: 'Tom',
        data: { /* Данные */ }
    }
]

在这个：

[
    {
        name: 'John',
        data: [
            { /* Данные */ },
            { /* Данные */ },
            { /* Данные */ }
        ]
    },
    {
        name: 'Tom',
        data: [
            { /* Данные */ },
            { /* Данные */ }
        ]
    }
]

你需要在一个动作中做到这一点，越少越好。我有这个选项，但我不确定这是最好的解决方案。

const list = list.reduce((accum, curent)=> {
    const name = curent.name
    const isExist = accum.some(el=>el.name === name)

    if(accum.length === 0 || !isExist) {
        accum.push({
            name,
            data: []
        })
    }
    return accum.map((el) => {
        if(el.name === name) {
            el.data.push(curent.data)                   
        }
        return el
    })
}, [])

尝试将 reac-navigation 库中的组件添加到我的 expo react-native 应用程序时

import { createAppContainer } from 'react-navigation';

产生一个错误：

Unable to resolve "./GestureHandlerRootView" from "node_modules\react-native-gesture-handler\GestureHandler.js"

指定路径下不存在 GestureHandlerRootView，但所需的包都已安装。尝试通过 expo-cli 创建新项目时弹出相同的错误，选择的不是空项目，而是带有选项卡的空白。

有这样一个正则表达式（js）：

^\w{2}\d{5}$

如何对其进行现代化改造，以禁止以连续 3 个零组成的字符串结尾？

如何正确转换表单的数组：

var Orders = [
   {
    id: 1,
    title: 'Order_1',
    city: {
      id: 1,
      title: 'SPB'
    }
  },
  {
    id: 2,
    title: 'Order_2',
    city: {
      id: 1,
      title: 'SPB'
    }
  },
  {
    id: 3,
    title: 'Order_3',
    city: {
      id: 2,
      title: 'Moscow'
    }
  }
]

变成这样：

var cities = [
  {
    id: 1,
    title: 'SPB',
    orders: [
      {
        id: 1,
        title: 'Order_1'
      },
      {
        id: 2,
        title: 'Order_2'
      }
    ]
  },
  {
    id: 2,
    title: 'Moscow',
    orders: [
      {
        id: 3,
        title: 'Order_1'
      }
    ]
  }
]

现在我正在使用这种转换：

   var Orders = [
       {
        id: 1,
        title: 'Order_1',
        city: {
          id: 1,
          title: 'SPB'
        }
      },
      {
        id: 2,
        title: 'Order_2',
        city: {
          id: 1,
          title: 'SPB'
        }
      },
      {
        id: 3,
        title: 'Order_3',
        city: {
          id: 2,
          title: 'Moscow'
        }
      }
    ]

    const transformArray = (arr) => {
        const map = new Map();                  
        arr.forEach( (el) => {
            map.set(el.city, []);
        });
        arr.forEach( (el) => {
            if (map.has(el.city)) {
                let value = map.get(el.city);
                value.push({
                    id: el.id,
                    title: el.title
                });
            }
        });                    
        let structure = [];
        map.forEach( (value, key) => {
            structure.push({
                id: key.id,
                title: key.title,
                cities: value 
            });
        });
        return structure
    }    

    const Cities = transformArray(Orders);
    console.log(Cities);

需要编写一个简单的计数器（例如在线商店购物篮中的商品 + - 用于输入值）。我总是做这样的事情，没有任何问题，一切正常（我简化了它以便本质可见）：

var count = 1;
input.value = count;

next.addEventListener('click', function(){
    if(count < 4) {
        count++;
        input.value = count;
    }
});

prev.addEventListener('click', function() {
    if (count > 1) {
        count--;
        input.value = count;
    }
});

从 1 数到 4。

但是现在我们需要在模态窗口中插入一个计数器，通过点击不同的元素来调用它。计数器将在窗口出现的那一刻被初始化（将计数器放在一个函数中）。乍一看，一切正常，一切切换，当您关闭窗口并调用另一个窗口时，字段值设置为 1（如第一行所示），但是如果您在计数器出现后立即单击后退按钮对于第二次 ++ 时间（如果前一个窗口在大于 1 的数字上关闭），则它从最后一个窗口关闭时的值开始倒数，忽略if(count>1)，就好像 count 正在保存前一个窗口中的值，尽管理论上我在第一行专门将其重新分配为 1 。

我想了解原因是什么，它的工作原理是什么以及如何最好地解决这个问题？