webphp's questions

我不明白怎么回事，我观察到一个奇怪的效果。当用户接近页面底部时，我需要加载内容。
我有一个禁止或允许加载内容的状态，它在少于某个数量的时候被激活到底部。这是状态：

const [fetching, setFetching] = useState(true);
useEffect(() => {
    if(fetching) {
         // тут обновляю состояние которое добавляет новый контент
    }
}, [fetching])

还有滚动状态

useEffect(() => {
    document.addEventListener("scroll", scrollHandler)

    return () => document.removeEventListener("scroll", scrollHandler)

}, [])

好吧，scrollHandler 本身：

const scrollHandler = (e: any) => {
    if(e.target.documentElement.scrollHeight - (e.target.documentElement.scrollTop + window.innerHeight) < 100 ) {
        setFetching(true)
    }
}

事实是，如果您设置setFetching(true)小于 100px 到页面末尾时，一切正常，但是使用此值，用户可以看到内容是如何加载的，但是您想隐藏这一时刻，为此您需要将值增加，例如，增加到 1000

const scrollHandler = (e: any) => {
    if(e.target.documentElement.scrollHeight - (e.target.documentElement.scrollTop + window.innerHeight) < 1000 ) {
        setFetching(true)
    }
}

而这里有趣的开始了，内容可以随时停止加载，我不明白这是怎么回事，或者是因为addEventListener和removeEventListener批量操作，还是其他一些原因。如何解决问题或以不同的方式实施？

我有一个带有单词的数组和一个带有“错误单词”的对象数组及其替换，即 用正确的话。我需要在数组中找到错误的单词并将其替换为语言环境（语言环境变量）。

第一个和主数组看起来像这样

let e = ["Строки", "Строчка", "В строке", "На строке", "На донышке"]

第二个对象数组包含一个坏词和正确词列表的数组，用于替换第一个数组中的坏词。

let o = [{ "ru": "Строка", "en": "String", "wrong": ["В строке", "В строчке"] }, { "ru": "Дно", "en": "Bottom", "wrong": ["На дне", "На донышке"] }]

还有一个变量定义为

let locale = "ru"

我需要执行以下操作：遍历整个数组（e），如果在数组中找到单词 from o[*].wrong，则将其替换o[*][locale]为主数组中，结果如下：

e = ["Строки", "Строчка", "**Строка**", "На строке", "**Дно**"]

我有一个带有背景的图标，我需要在其中绘制字母S。
我正在尝试自己做，但它是弯曲的=）

<?xml version="1.0" encoding="iso-8859-1"?>
    <svg xmlns="http://www.w3.org/2000/svg" width="32px" height="32px" viewBox="0 0 32 32">
        <path d="M2 0h28a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2z" fill="#333"></path>
    </svg>

我需要Z在 SVG 上为图标绘制一个字母。

<?xml version="1.0" encoding="iso-8859-1"?>
<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="400px" viewBox="0 0 32 32">
       <path d="M2 0h28a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 
       0 1 2-2z" fill="#e35604"></path>
       <path d="БУКВА Z"></path>
    </svg>

要获取此图标：

有一个像这样的数组

["А","а","а","А","и","И"]

需要删除重复项并只保留唯一值，不区分大小写

["А","и"]

区分大小写

array.filter((v, i, s) => v && s.indexOf(v) === i)

使它不区分大小写的最简单方法是什么？

在帖子集合中，我存储了所有喜欢该帖子的用户ID，当从服务器接收数据时，我需要检查posts.likes 中是否存在当前用户ID。

我试图用 $filter 来做，但没有用

这是文档的结构

{
 _id: 'id_post'
 {
   likes: [
      ObjectId('id_user1'),
      ObjectId('id_user2'),
      ObjectId('id_user3'),
      ObjectId('id_user4'),
      ObjectId('id_user5')
   ]
 }
}

如果用户 id 是 id_user 4，我需要得到这样一个对象

{
 _id: 'id_post'
 {
   likes: [
      ObjectId('id_user4')
   ]
 }
}

尝试

Posts.aggregate([
   { $limit: 1 },
   {
     $project: {
        _id: 1,
        likes: {
           $filter: {
              input: '$likes',
              as: 'likes',
              cond: { _id: sessionID }
           }
        }
     }
   }
])