Passing markdown as prop for React component not working without extra const about markdown-to-jsx HOT 4 CLOSED

Perhaps try formatting as a template literal instead?

<SectionTwoColumns
  markdownContent={`
    # Title
    Just a paragraph
    **bold text**
  `}
/>

Note that if you're providing things inline you might want to pair with a deindent function, otherwise the leading whitespace will be preserved and the parser will think it's a blockquote or something.

from markdown-to-jsx.

Thanks a lot, it helped and solved the issue.
It's strange that it didn't work for me before since I definately tried that before.

Now I can pass markdown as props like this ...:

<SectionTwoColumns
        markdownContent={`
# Title
First paragraph

**Second bold paragraph**
## h2
### h3
`}
      />

... without declaring extra const.

Thanks for info about deindent function, but luckily I can make indentation in markdown prop even without using this package.

P.S. headers are automatically indented

I will mark this issue as resolved.

from markdown-to-jsx.

Issue "not able to pass markdown as props with indentation" was solved here: GitHub issue

from markdown-to-jsx.

Np! Maybe deindent should be included as a prop automatically...

from markdown-to-jsx.