string-to-react

String to React

  

A tool to convert JSX strings into React Components

$3

``
npm install string-to-react --save-dev
`

$3

`javascript
import ReactDOM from 'react-dom'
import StringToReact from 'string-to-react'
let s =

`javascript
import React from 'react'
import ReactDOM from 'react-dom'
import StringToReact from 'string-to-react'

class View extends React.Component {
render() {
return

let s = hi

let transform = function(tagName) {
if (tagName === 'View') return View
return null
}

ReactDOM.render(StringToReact(s, transform), document.getElementById('container'))
`

$3

#### function StringToReact(string, [transform])

- string: The JSX string
- transform: Function
- input: tagName:string
- output: FunctionComponent | ComponentClass | string | null
- typescript declare:
`typescript
interface Transform {
(tagName: string): FunctionComponent | ComponentClass | string | null
}
`
- example:
`javascript
import View from './View.jsx'
let transform = function(tagName) {
if (tagName === 'pdiv') return 'div'
else if (tagName === 'View') return View
return null // must return null if no match
}
``