I'm doing some work in React, and want to be able to auto-expand my custom components so that I don't have to keep manually adding <, /> and >.
Since Emmet already expands traditional markup (div, h1, etc.) I was wondering if I could expand my own components with some plugin/setting. The | character represents my cursor.
How it works right now
import Items from '../components/Items'
...
render() {
return (
Ite| [Suggestions: Item]
)
}
...
I see the suggestion, press [Tab], and it expands to this
Items|
What I'm looking for
|
Is there an extension or setting that I need to toggle somewhere to achieve this?
EDIT
Okay after some more working with react, I've found that Emmet will expand certain words but not others? Are my component names just edge cases or am I missing something?
JavaScript questions and answers, JavaScript questions pdf, JavaScript question bank, JavaScript questions and answers pdf, mcq on JavaScript pdf, JavaScript questions and solutions, JavaScript mcq Test , Interview JavaScript questions, JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)