HaZcker's questions

React我为in创建了一个片段Webstorm（它们被称为 there Live Templates），因此，例如，当您输入tsc并按下一个 keytab时，就会创建这样一个结构

import React, { FC } from 'react'
import * as s from './styled'

interface Props {
 
};

const SomeComponent: FC<Props> = (props) => {
 return (
  <s.Container>
   
  </s.Container>
 )
}

export default SomeComponent

由于片段设置使用$TM_FILENAME_BASE$，因此组件名称取自文件名。那些。如果我们创建了一个文件some-component，并且我们使用了其中的代码片段，那么函数名称将是SomeComponent.

但现在的问题是，根据结构，我有一个带有组件名称的文件夹，其中包含文件index.tsx

那些。
不是src > components > some-component.tsx
_src > components > some-component > index.tsx

所以放了函数的名字Index

如何设置一个片段，以便它通过文件夹的名称而不是文件的名称来命名函数？

我当前的代码段：

import React, { FC } from 'react'
import * as s from './styled'

interface Props {
 $END$
};

const $TM_FILENAME_BASE$: FC<Props> = (props) => {
 return (
  <s.Container>
   
  </s.Container>
 )
}

export default $TM_FILENAME_BASE$

如果用户未经授权，则有一个中间件拒绝通过路由访问

module.exports = async function (req, res, next) {
  try {
    const authorizationHeader = req.headers.authorization;
    if (!authorizationHeader) {
      return next(ApiError.UnauthorizedError());
    }

    const accessToken = authorizationHeader.split(' ')[1]; // отсекаем bearer берём токен
    if (!accessToken) {
      return next(ApiError.UnauthorizedError());
    }

    const userData = await tokenService.validateAccessToken(accessToken);
    if (!userData) {
      return next(ApiError.UnauthorizedError());
    }

    req.user = userData
    next()
  } catch (e) {
    next(ApiError.UnauthorizedError());
  }
};

但我不太明白如何正确实现属于特定用户的元素的删除、编辑（等）

而就结构而言，是在中间件还是服务或数据库级别完成的？

ps - 如果重要，项目使用jsonwebtoken. 还有express_mongoose

（屏幕上）是否有Visual Studio Code类似窗口Commit Changes的东西WebStorm，由热键调用Ctrl+K？

如果没有，请告诉我，也许有一些插件可以方便地查看文件更改和提交

假设有一行： some-file-name.mov或some-another-file.some.jpeg

现在，为了获取文件扩展名，我使用以下代码：

const type = 'video/' + file.title
    .split('')
    .reverse()
    .join('')
    .split('.')[0]
    .split('')
    .reverse()
    .join('');

//mov  
//jpeg  

如何用更简洁的表达式替换代码，例如使用正则表达式？

state完成所有网络请求后，1 次更新的正确方法是什么？

// idList === ["34563", "123423", "2359239"]

const [itemsList, setItemsList] = useState([]);

useEffect(() => {
  const updatedItemsList = [];

  idList.forEach((id) => {
    const item = doSomeFetch(id);
    updatedItemsList.push(item)
  })

  setItemsList(updatedItemsList)
}, [props.idList])

预期结果：

• 遍历数组id
• 为每个服务器向服务器发出请求id
• 通过它获取一个对象id并将其添加到数组中
• 完成所有请求后，我们将结果数组放入状态

在WebStorm中，图标的颜色取决于文件类型。

例如：
js文件用黄色、
ts蓝色css、
jsx橙色less等
标记。

但由于某些文件扩展名的图标颜色相同，因此很难快速区分和查找。

如何更改WebStorm中的图标或文件扩展名颜色？

假设我想做一个块，className='box'
当点击这个块时，它的背景颜色通过添加一个类变为红色red

在正常的html/css/js应用程序中，我会这样做：

const block = document.querySelector('.box');

block.addEventListener('click', (e) => e.target.classList.toggle('red'))

多亏.box { transition: background 0.3s }了 CSS，颜色会平滑地变化。

但是在React中，如果className改了，就没有平滑度了，因为组件要重绘，马上就有了className='box red'

为 React 应用程序增加流畅度的正确（按惯例/架构）方法是什么？

我通过create-react-app
如何添加别名创建了一个应用程序，例如，在sass而不是

@import "../../../../variables"

写

@import "@variables"  

并且通过同样的原理来导入组件

在各种语言中都有关于代码风格的约定

例如在变量名中：
_apiBase = 'https://swapi.dev/api'
而不是：（
apiBase = 'https://swapi.dev/api'
下划线）

或者在redux中，额外的数据是通过名字传递的payloads

这不仅适用于变量名，有时也适用于项目的架构等等。

所以问题是，你在哪里可以熟悉所有这些协议？
了解为什么变量名有下划线，为什么payloads，等等。

是否有可能以某种方式扩展 Emmet 的功能而
无需将我自己的命令添加到 Sublime Text 3？

例如，我希望当我tab在输入 word 后按下一个键时log，我得到一个命令，console.log() 等等。

（如在 WebStorm 中，如果你输入log并按下tab单词就会变成console.log()（或按键enter，我不记得确切））

我想添加2 个高度为 50% 的块，addEventListener('scroll', func)但由于（据我了解）body并html设置为height: 100%.
我想让自己像一个 FullPage Scroll，这意味着我需要height: 100%一个工作事件滚动。
如何实施？
无需连接第三方插件

这是我的代码

import React from "react";
import s from "./Cars.module.css"

export default (props) => (
    <div className={s.cars} activeClassName={s.active}>
        <div className={s.car}>
            <p>Company: {props.company}</p>
            <p>Model: {props.model}</p>
            <p>Price: {props.price}$</p>
            <button onClick={props.onChangeTitle}>Click</button>
        </div>
    </div>
);

控制台中显示错误：

React does not recognize the activeClassName prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase activeclassname instead. If you accidentally passed it from a parent component, remove it from the DOM element.

因为它可以是什么？

标签之间有性能差异吗？
比如我（形象地）有10000个词的数据，每个词都需要用标签包裹，
如果样式相同，选择标签会影响性能吗？

<ul class="list">
    <li class="item">some item</li>
    <li class="item">some item</li>
    <li class="item">some item</li>
</ul>

VS

<div class="list">
    <div class="item">some item</div>
    <div class="item">some item</div>
    <div class="item">some item</div>
</div>

（问题不是专门针对这些 ( div, li) 标签，而是关于一般标签）

出于某种原因，它有时不起作用OnMouseDown。起初，它可以工作几次，然后它就不再关心按下（屏幕上的全局触摸）。

例如，它工作了 7 次，然后就停止了。4 次忽略触摸，第 5 次它再次起作用。（数字不准确，这是任意的）。

原因不是Shoot()因为当OnMouseDown它不起作用时 - 甚至该行也没有显示在控制台中。

如果没有人知道原因是什么，请帮助在不是鼠标而是在全局tach（手机游戏）上重新制作代码。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class Shoot : MonoBehaviour
{
    public GameObject player; 
    private Gameplay gameplay;
    void Start()
    {
        gameplay = player.GetComponent<Gameplay>();
    }

    // Update is called once per frame
    public void OnMouseDown(){
        gameplay.Shoot();
        Debug.Log("I Shoot");
    }
}

您需要每隔一定的第 n 个时间段调用该函数。

例如：如果n == 0.5，则每 0.5 秒（半秒）调用一次 func1()。

如何轻松简单地做到这一点？例如在 JS 中有一个函数SetInterval，在 C# Unity 中有这样的东西吗？

帮我完成代码
当单击按钮时，需要执行来自另一个脚本（anotherScript）的函数（func1）。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class Button: MonoBehaviour
{
    private void OnMouseDown() {

    }
}

如何使用正则表达式将国家代码（括号中的代码）转移到 Sublime text 3 的行首？与所有国家。例如，有阿富汗（AF），替换后成为（AF）阿富汗。

请告诉我如何修复代码。我希望在模板中显示
相同的卡片。strength当我使用它时，ability = Card.objects.filter(strength=abilityes)一切都会根据需要显示。但是当我想使用返回不止一张卡的get_object_or_404发誓时。 如何使用该方法重写注释行，以便所有卡片显示相同且没有错误？get
get_object_or_404strength

class Abilities(View):
    def get(self, request, abilityes):
        #ability = Card.objects.filter(strength__iexact=abilityes)
        ability = get_object_or_404(Card, strength = abilityes)
        return render(request, 'Board/abilities.html', context={'ability': ability})

当焦点位于输入上时，如何在父块周围制作边框。在“header-search-wrapper”周围设置边框。但只有没有 JS，如果可能，你需要纯 CSS。有了 JS，我知道怎么做。

<div class="header-search-wrapper">
      <div class="header-search-content">
            <div class="h-s-w__input">
                <input type="text" placeholder="Search a product...">
            </div>
            <div class="h-s-w__submit"></div>
      </div>
</div>

出现了这个问题：

用户需要输入一个数字。如果数字不是 int（例如，字母），则应抛出异常。而我，作为一名程序员，必须确保程序不会结束，并且在用户输入正确的值之前不会进一步“跳过”用户。

尝试递归。但也许堆栈中（屏幕上）正在发生一个未知的****，我认为这种方法不是最好的。

建议做什么

更正我的代码时，请考虑实验室的任务 1 和 2（在屏幕上）