VSCode user snippet to generate useState for React?

Question

I'm trying to create a VS code user snippet for useState()

Currently I have

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

When I enter 'foo' at $1 (position 1) I get:

const [foo, setFOO] as useState()

However I would like to get:

const [foo, setFoo] as useState()

How do I change my snippet to work this way?

Useful snippet!!

oldo.nicho
– oldo.nicho

2022-10-20 03:43:27 +00:00
Commented Oct 20, 2022 at 3:43 — oldo.nicho
– oldo.nicho, Commented Oct 20, 2022 at 3:43

Mark · Accepted Answer · 2019-10-19 02:46:36Z

27

You just need to change your transform to capitalize like:

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

answered Oct 19, 2019 at 2:46

Mark

192k32 gold badges557 silver badges580 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Yuan-Hao Chiang Over a year ago

As per this comment, in case you're wondering why the 'set' part isn't capitalized, you have to press tab for the capitalization to happen :)

MayTheSForceBeWithYou Over a year ago

Tab twice, in my experience

Kotana Sai · Accepted Answer · 2023-07-31 04:52:29Z

0

You need to remove the "*", this character transforms all others to uppercase, without it, you will leave only the first uppercase.

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

edited Jul 31, 2023 at 4:52

Kotana Sai

1,9143 gold badges17 silver badges32 bronze badges

answered Jul 25, 2023 at 10:08

PAULO LIMA

1

Collectives™ on Stack Overflow

VSCode user snippet to generate useState for React?

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related