useQwikMethodUsage

JSX and TSX

摘要

¥Summary

规则生效日期：v2.2.6

¥Rule available since: v2.2.6
诊断类别：lint/nursery/useQwikMethodUsage

¥Diagnostic Category: lint/nursery/useQwikMethodUsage
此规则没有修复方案。

¥This rule doesn’t have a fix.
此规则的默认严重级别为 error。

¥The default severity of this rule is error.
此规则属于以下域：

¥This rule belongs to the following domains:
- qwik
来源：

¥Sources:
- 与 qwik/use-method-usage 相同
  
  ¥Same as qwik/use-method-usage

如何配置

¥How to configure

1
{
2
  "linter": {
3
    "rules": {
4
      "nursery": {
5
        "useQwikMethodUsage": "error"
6
      }
7
    }
8
  }
9
}

描述

¥Description

禁止在 Qwik 应用中使用 component$ 之外的 use* 钩子或其他 use* 钩子。

¥Disallow use* hooks outside of component$ or other use* hooks in Qwik applications.

确保 Qwik 的生命周期钩子仅在有效的响应式上下文中使用。请参阅 Qwik 组件生命周期获取正确的 hook 使用方法。

¥Ensures Qwik’s lifecycle hooks are only used in valid reactive contexts. See Qwik Component Lifecycle for proper hook usage.

示例

¥Examples

无效

¥Invalid

1
import { useSignal } from "@builder.io/qwik";
2

3
export const Counter = () => {
4
  const count = useSignal(0);
5
};

code-block.js:4:17 lint/nursery/useQwikMethodUsage ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Qwik hook detected outside of an allowed scope.
  
    3 │ export const Counter = () => {
  > 4 │   const count = useSignal(0);
      │                 ^^^^^^^^^^^^
    5 │ };
    6 │ 
  
  ℹ Qwik’s reactive hooks (functions starting with  use* followed by uppercase letter) must be:
    - Used exclusively within `component$` functions
    - Or encapsulated within other valid Qwik hooks
  
  ℹ Check the Qwik documentation.

有效

¥Valid

1
import { component$, useSignal } from "@builder.io/qwik";
2

3
export const Counter = component$(() => {
4
  const count = useSignal(0);
5
});
6

7
export const useCounter = () => {
8
  const count = useSignal(0);
9
  return count;
10
};

useQwikMethodUsage

摘要

如何配置

描述

示例

无效

有效

相关链接