tsでstringをjsxにreplaceするやつを作った

SSIA

starください↓

GitHub - nozo-moto/string-replace-jsx

Contribute to nozo-moto/string-replace-j…

github.com

作った経緯

似たようなライブラリがあったが、lodash使ってたのでtsで頑張ってみたくなった。

GitHub - iansinnott/react-string-replace: A simple way to safely do string replacement with React components

A simple way to safely do string replace…

github.com

ついでにnpm初publishした

Git

![npm](https://img.shields.io/npm/v/stri…

www.npmjs.com

作った感想

型を合わせるのがしんどい
ts書いてると常に思う

使い方

こんな感じに使えます

import stringReplaceJsx from "string-replace-jsx";

<div>
  {stringReplaceJsx("fuga https://google.com", urlRegex, (match) => (
    <a
      className={styles.link}
      href={match.toString()}
      target="_blank"
      rel="noreferrer"
    >
      {match}
    </a>
  ))}
</div>;