/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

2 votes139 views1 answer
React check if focused
Javascript React
0 vote124 views1 answer
./node_modules/react-chartjs-2/dist/index.modern.js Module not found: Can't resolve 'chart.js/auto' in 'C:\Users\shadi\WebstormProjects\PI_HR_HUB\node_modules\react-chartjs-2\dist'
Javascript React
11 votes144 views2 answers
React must be in scope when using jsx
Javascript React
3 votes119 views1 answer
React get method
Javascript React
0 vote134 views1 answer
Fetchutils in react admin
Javascript React
0 vote206 views1 answer
Apache react deploy "conf"
Javascript React
24 votes130 views4 answers
React copy to clipboard button
Javascript React
22 votes131 views4 answers
Npm react copy to clipboard
Javascript React
0 vote150 views1 answer
Start live server react js
Javascript React
0 vote128 views1 answer
Set default types react
Javascript React