Not able to render JSX code in markdown on Jekyll pages

1

I’m writing my JSX code in markdown on a Jekyll page using:

```JSX
code
```

It renders the code but with no styling whatsoever, just like below:

const JSX = (
  <div>
    <h1>Hello World</h1>
    <p>Lets render this to the DOM</p>
  </div>
);
// change code below this line
ReactDOM.render(JSX, document.getElementById('challenge-node'));

but it should look like:

const JSX = (
  <div>
    <h1>Hello World</h1>
    <p>Lets render this to the DOM</p>
  </div>
);
// change code below this line
ReactDOM.render(JSX, document.getElementById('challenge-node'));

Does Jekyll support JSX in markdown?

2

you probably need the style sheet for highlighting:

3

Thank you.

I tried the following below and it worked.

{% highlight jsx%}
code
{% endhighlight %}