文字列内の部分文字列を別の HTML タグまたは属性に変更することはできますか?

Question

文字列をプロパティとして受け入れる React コンポーネントがあります:

リーリー

このコンポーネントは他の場所で使用されています:

リーリー

質問なのですが、この場合メールアドレスの色は変更できるのでしょうか？たとえば、青に変更します。

さらに良いのは、そのテキストを

で囲むことです。 リーリー

プロパティのタイプが string の場合にこのようなことが可能かどうかはわかりません。

Answer 1

これは、指定された文字列に基づいて実行できますが、メール アドレスを MyComponent の別のプロパティとして指定すると簡単です。

コンポーネントを変更せずに、単純な正規表現を使用して文字列から電子メール アドレスを取得すると、必要な操作を行うことができます。

次に、単純かつ不完全な正規表現の例を示します:

リーリー

これは非常に単純化された解決策ですが、あなたの場合に使用できると思います。