/Javascript/React/How to replace strings with react components

How to replace strings with react components

import { replaceReact } from "replace-react";

const MyApp = () => {
  return (
    <div>
      {replaceReact("hello world", /(world)/g, (match, key) => (
        <h1 key={key}>{match}</h1>
      ))}
    </div>
  );
};

Source: quaantum.github.io

Similar codes

29 votes195 views6 answers
React background image
Javascript React
0 vote220 views1 answer
React bootstrap make col disapear in small screens
Javascript React
1 vote223 views1 answer
React router dom 6 go back
Javascript React
7 votes201 views2 answers
React native rename
Javascript React
2 votes199 views2 answers
Create react app not creating template
Javascript React
0 vote212 views3 answers
React js require pasword to have special charaacter
Javascript React
-2 votes218 views2 answers
React native margin
Javascript React
0 vote211 views2 answers
Which one is better arrow functions or using bind in react?
Javascript React
15 votes233 views6 answers
Form in react
Javascript React
0 vote215 views1 answer
React hooks, react custom hooks
Javascript React