CODEWITHSUNDEEP
phpstormjsxtodo
Ait Yahia Idir
Ait Yahia Idir

Reputation: 370

How to insert TODO comment in React JSX file

I would like to insert TODO comments on a React JSX file, a regular JavaScript comments are parsed as text and rendered in my component PhpStorm list them in in TODO tool window

// TODO any comments ... 
or 
/* TODO an other todo task*/

in case when I use a JSX comment like this

{/* TODO an other todo task*/}

PhpStorm ignore the TODO and consider it as simple comment, there is a way to insert a TODO with PhpStorm in React JSX file or there is a lack in PhpStorm support for react and it's requires an enhancement.

Upvotes: 4

Views: 12028

Answers (4)

Mayara Ferreira
Mayara Ferreira

Reputation: 3

In Jetbrains IDEs I believe you have to use the pattern described in their documentation or create a custom pattern

// TODO: `comments`

When using VS Code there's this very useful extensions TODO Tree

Upvotes: 0

AX2
AX2

Reputation: 146

Old question but I'm gonna chime in for future visitors.

This worked for me:

{/* //TODO blablabla */}

It's a bit weird (you'll see for yourself), but it highlights as a TODO, throws no errors and is picked up by TODO indexing tools

Upvotes: 0

surbhi241
surbhi241

Reputation: 81

use the below comment it worked for me writing todo's
/**
   @todo: right your todo comment here
**/

Upvotes: 0

lena
lena

Reputation: 93868

looks similar to WEB-23401, please follow it for updates

Upvotes: 3

Related Questions