CODEWITHSUNDEEP
javascriptreact-nativeatom-editornuclide-editor
AdamG
AdamG

Reputation: 2630

Code breaks syntax highlighting in Atom / Nuclide

This Javascript / React Native code, which works just fine, breaks the syntax highlighting in Atom / Nuclide for anything that comes after it. Is there anything wrong with the code or is it the syntax highlighting engine?

static navigationOptions = {
    headerTitle: "TFN Top Headlines",
    headerTitleStyle: { fontFamily: "Iowan Old Style" },
    headerLeft: (
      <Icon
        size={35}
        onPress={() => {
          _this.toggleMenu();
        }}
        style={{
          marginLeft: 10
        }}
        name="navicon"
      />
    )
  };

enter image description here

Upvotes: 0

Views: 274

Answers (1)

Rob Walker
Rob Walker

Reputation: 905

You will need to install a Plug-in to support JSX formatting.

You could try https://atom.io/packages/language-babel

Upvotes: 1

Related Questions