convert-text-to-react

プレーンテキストをReactに変換する

Usage no npm install needed!

<script type="module">
  import convertTextToReact from 'https://cdn.skypack.dev/convert-text-to-react';
</script>

README

convert-text-to-react

Build Status

Usage

npm i convert-text-to-react

import * as ReactDOM from "react-dom/server";
import { convert, ExampleComponent } from "convert-text-to-react";

const rawText = "<ExampleComponent x={1} y={-20}>Result of multiplication:</ExampleComponent>";

const components = {
  ExampleComponent,
}

const result = convert(rawText, components);

console.log(ReactDOM.renderToStaticMarkup(result);
// <div class="my-component">Result of multiplication: -20</div>

Licence

MIT

Author

Himenon