/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

8 votes337 views2 answers
Useref in react typescrpt
Javascript React
0 vote374 views1 answer
How to detect if ios is in dark mode react native
Javascript React
1 vote362 views2 answers
'Switch' is not exported from 'react-router-dom'
Javascript React
0 vote370 views1 answer
Reactjs join two array
Javascript React
18 votes503 views3 answers
How to setup tailwind for reactjs
Javascript React
0 vote385 views1 answer
Display image from local JSON / JS Object using React
Javascript React
14 votes415 views4 answers
Conditional classname prop react
Javascript React
1 vote409 views1 answer
React lottie player on hover
Javascript React
108 votes423 views1 answer
How to start react app in windows
Javascript React
0 vote416 views2 answers
Module not found: Error: Can't resolve 'crypto' react
Javascript React