/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

3 votes318 views4 answers
React Redux Thunk
Javascript React
0 vote308 views1 answer
React native delay input
Javascript React
0 vote302 views1 answer
Open close children modal react
Javascript React
0 vote304 views1 answer
Display image from local JSON / JS Object using React
Javascript React
0 vote308 views1 answer
Download images from http link in react
Javascript React
1 vote308 views1 answer
React native scrollview sticky header
Javascript React
0 vote309 views1 answer
React native elements bottom sheet close on back button press
Javascript React
-1 vote317 views2 answers
How to connect react to backend
Javascript React
0 vote327 views1 answer
React js date ago
Javascript React
0 vote263 views1 answer
React native onChangeText resize the background image
Javascript React