{"repo":"TroyAlford/react-jsx-parser","free":true,"listed":false,"github":"https://github.com/TroyAlford/react-jsx-parser","clone":"git clone https://github.com/TroyAlford/react-jsx-parser.git","description":"A React component which can parse JSX and output rendered React Components.","language":"TypeScript","stars":727,"topics":["reactjs","react-components","jsx"],"license":"MIT","category":"ui-components","readme_excerpt":"react-jsx-parser [![CircleCI][circle-ci-badge]](https://circleci.com/gh/TroyAlford/react-jsx-parser) [![Version][npm-version]][npm-link] [![NPM Downloads][npm-downloads]][npm-link] [![License][npm-license]](https://github.com/TroyAlford/react-jsx-parser/blob/master/LICENSE) [circle-ci-badge]: https://circleci.com/gh/TroyAlford/react-jsx-parser.svg?style=svg [npm-version]: https://img.shields.io/npm/v/react-jsx-parser.svg [npm-downloads]: https://img.shields.io/npm/dt/react-jsx-parser.svg [npm-license]: https://img.shields.io/npm/l/react-jsx-parser.svg [npm-link]: https://www.npmjs.com/package/react-jsx-parser A React component which can parse JSX and output rendered React Components. Basic Usage - Injecting JSX as a String Because InjectableComponent is passed into the JsxParser.props.components prop, it is treated as a known element type, and created using React.createElement(...) when parsed out of the JSX. You can also pass in a whole collection of components, as shown by the Library binding, and then access the individual items with LibraryName.ComponentName . Finally, a note about property bindings. The JsxParser can handle several types of binding: - implicit true bindings, such as (equivalent to truthyProp={true} ) - string-value binding, such as stringProp=\"foo\" - expression-binding, such as calc={1 + 1} - named-value binding, such as eventHandler={myEventHandler} (note that this requires a match in bindings ) - simple single statement arrow expressions (item) = {item","default_branch":null,"files":null,"tree":[],"storefront":"/r/TroyAlford","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/TroyAlford/react-jsx-parser/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}