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

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

2021年6月10日
スポンサーリンク

SSIA

starください↓

Contribute to nozo-moto/string-replace-jsx development by creating an account on…
github.com

作った経緯

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

A simple way to safely do string replacement with React components - GitHub - ia…
github.com

ついでにnpm初publishした

![npm](https://img.shields.io/npm/v/string-replace-jsx) [![GitHub stars](https:/…
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>;
created by Rinker
¥2,970 (2021/09/28 10:52:06時点 Amazon調べ-詳細)
B08XBNGYVHnzmt-22