/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

6 votes368 views2 answers
TextInput disable react native
Javascript React
0 vote374 views1 answer
Align image center react native
Javascript React
0 vote353 views1 answer
React Readonly rating
Javascript React
7 votes354 views2 answers
Br in react native
Javascript React
0 vote385 views1 answer
How to get key from a button in react
Javascript React
1 vote353 views1 answer
React eslint prettier
Javascript React
0 vote358 views1 answer
Empty div react
Javascript React
0 vote395 views1 answer
Space between react native
Javascript React
14 votes352 views2 answers
Border react native
Javascript React
15 votes371 views2 answers
Expo react navigation
Javascript React