/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

0 vote183 views1 answer
Which react-bootstrap component you will use for width: 100% across all viewport and device sizes
Javascript React
6 votes191 views2 answers
React native spinner
Javascript React
-2 votes207 views2 answers
Search bar in react js material ui
Javascript React
9 votes180 views2 answers
Reactjs radio button onchange
Javascript React
0 vote191 views1 answer
Unexpected token useeffect react native
Javascript React
1 vote210 views2 answers
React alert popup
Javascript React
3 votes183 views3 answers
React change url params
Javascript React
0 vote143 views2 answers
React filter buttons
Javascript React
0 vote165 views1 answer
Fetch is not defined jest react
Javascript React
0 vote186 views1 answer
React native stylesheet shortcut
Javascript React