"ES7 React/Redux/GraphQL/React-Native snippets" is not working for javascript file. Do I need to configure something else than just installing it?

Question

I was editing a javascript file, and when I wrote: p{Hello} I expected it to convert into Hello .But it doesn't seem to happen. Is there anything else I need to do to configure this extension in VS Code to make it work? The code is given below.

import React, { Component } from "react";

const ArrowHeader = () => {
  return(
    p{Hello}
  )
}
class App extends Component {
  render() {
    return (
      <div className="App">
        <h1>Hello Scaler</h1>
      </div>
    );
  }
}

export default App;

Remember the more data u give more help could arrive, and try to make ur question searchable, right now ur title is not good for ur content because its too broad. — M.Mavini
– M.Mavini, Commented Dec 11, 2021 at 7:50

corasphinx · Accepted Answer · 2021-12-11 08:44:46Z

1

p{Hello} is not a component. if you want to display Hello, you need to create a custom component.

answered Dec 11, 2021 at 8:44

corasphinx

633 silver badges11 bronze badges

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

1 Comment

Ichchha Gupta Over a year ago

no, actually i was trying to use snippets, i.e., I wanted p{Hello} to convert into Hello on pressing the enter key. But its not happening so I thought there is some configuration error with my ES7 extension for VS Code.

Ichchha Gupta · Accepted Answer · 2021-12-11 17:10:07Z

0

Actually, the problem is not with the ES7 extension, but emmet was not configured with javascript files, it works fine after adding javascript as a language for emmet.

answered Dec 11, 2021 at 17:10

Ichchha Gupta

96 bronze badges

1 Comment

Community Over a year ago

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

Cristobal Burgos · Accepted Answer · 2022-01-06 19:41:30Z

0

-Try adding this to your settings.json file:

"emmet.includeLanguages": {
        "javascript": "javascriptreact"
    }

-If you don't want that configuration, you can manually change it to each file Language Mode to JavaScript React:

With the .js file open click on the Language Mode Selector: Language Mode Selector
Search for JavaScript React (or JSX): Select JavaScript React
Check if it applied correctly: JSX Mode applied

answered Jan 6, 2022 at 19:41

Cristobal Burgos

1

Collectives™ on Stack Overflow

"ES7 React/Redux/GraphQL/React-Native snippets" is not working for javascript file. Do I need to configure something else than just installing it?

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related