react-markup-text

markup texts with React

Use this package to add paragraphs and line endings to unstructured text

Install

npm install --save react-markup-text

Usage

import textToReactMarkup from 'react-markup-text';
 
function BlogArticle({ title, author, body }) {
    return (
        <article className="blog-article">
            <h1 className="blog-article__title">{title}</h1>
            <AuthorBadge author={author} />
            <div className="blog-article__body">
                {textToReactMarkup(body)}
            </div>
        </article>
    );
}

API

textToReactMarkup(text: string) : Array<ReactElement>

The implementation is really simple, \n\n creates a new paragraph and \n a new line.

License

ISC