How to pass to props?

Question

React

Good afternoon.
Tell me how can I pass some props to a component that is called like this:

const mapper = {
  '{user}': <UserAddon />,
  '{post}': <PostAddon />,
  '{group}': <GroupAddon />,
};
export const ContentRender = () => {
  const content = "{user} опубликовал(а) {post} в группе {group}";
 return (
      {content.split(/({.*?})/g).map((child) => (
        <>{child.startsWith("{") ? mapper[child.trim()] : child}</>
      ))}
  );
}

Answer 1

https://codesandbox.io/s/qna-q-1127408-6izxcy

Answer 2

export const ContentRender = (props) => {
  const content = "{(props.user} опубликовал(а) {(props.post} в группе {(props.group}";
 return (
      {content.split(/({.*?})/g).map((child) => (
        <>{child.startsWith("{") ? mapper[child.trim()] : child}</>
      ))}
  );
}
// вызов компонента
<ContentRender user={mapper['{user}']} post={mapper['{post}']} group={mapper['{group}']}>