string2jsx v0.0.4

String2JSX

String2JSX converts an input string into a JSX Element. For an approach that does not return a Fragment or that has more control over its matches, try using react-process-string.

Usage

let conversion = [
  {
    from: /Hello/,
    to: "Goodbye"
  },
  {
    from: /, world/,
    to: <span style={{color: 'red'}} />,
    isChild: true
  },
  {
    from: /!/,
    to: <span>...</span>,
    props: {
      className: 'kinda-dark-tbh'
    }
  }
]

<String2JSX map={conversion}>
    Hello, world!
</String2JSX>
  
// Output: 
<>
  <span>Goodbye</span><span style={{color: 'red'}}>world</span><span className={'kinda-dark-tbh'}>...</span>
</>

Installation

Install the module using NPM:

npm i string2jsx

Then simply import it with:

import String2JSX from 'string2JSX'

Documentation

Props

Map Options