How to use marker.js? Im remaking the Markdown site

Tell us what’s happening:
Hey Im recreating the markdown parser app with react. I installed marker with npm. Im working on reading the docs to use it in my app. I found this documentation but it isnt too clear to me how to parse markdown

Your code so far
here is my code :

```import React from "react";
import PropTypes from "prop-types";
import marked from "marked";

const Previewer = ({ markdown }) => {
 
  return (
    <div className={"previewWrap"}>
      <div id={"preview"}>{markdown}</div>
    </div>
  );
};

Previewer.propTypes = {};

export default Previewer;```

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.121 Safari/537.36.

Challenge: Build a Markdown Previewer

Link to the challenge:

I would look at this:

It has a section specifically for using it in the browser.

1 Like