reactjs - VSCode 用户片段为 React 生成 useState?

标签 reactjs visual-studio-code react-hooks vscode-snippets

我正在尝试为 useState() 创建 VS code 用户代码段

目前我有

  "use state": {
    "prefix": "us",
    "body": [
      "const [$1, set${1/(.*)/${1:/upcase}/}] = useState($2);",
      "$3"
    ],
    "description": "creates use state"
  },

当我在 $1(位置 1)处输入“foo”时,我得到:

const [foo, setFOO] as useState()

但是我想得到:

const [foo, setFoo] as useState()

如何更改我的代码片段以这种方式工作?

最佳答案

您只需将转换更改为大写,例如:

“const [$1,set${1/(.*)/${1:/capitalize}/}] = useState($2);”,

关于reactjs - VSCode 用户片段为 React 生成 useState?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58210439/

相关文章:

python - VSCode 中的交互式 Jupyter 小部件与 ms-python 2018.10.1

javascript - 使用 useState 更新对象

react-native - 自定义单选按钮在 native react 中不起作用

reactjs - 类型 'number' 的参数不可分配给 array.includes() 中类型 'never' 的参数

javascript - this.props 在子组件的 console.log 中工作,但不渲染

javascript - 使用 JSON.stringify() 克隆二维数组

javascript - 直接将 prop 变量添加到 React 子组件的方法

javascript - Tooltip 组件渲染但不可见,并且不是 z-index

node.js - NPM:不推荐使用存在同步

typescript - Atom Typescript 不显示错误