Как передать в props?

Question

[Дмитрий Марков]

Добрый день.
Подскажите, как я могу передать какие нибудь props в компонент который вызывается так:

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}</>
      ))}
  );
}

Comments

[GlazOtca]

Покажите полный код компонента, и конкретизируйте что именно в пропс вы хотите передать.

[Дмитрий Марков]

GlazOtca, Полный код в не очень понятном виде. mapper[child.trim()] вызывает определённый компонент из объекта. Мне нужно передавать в компоненты из объекта разные данные например id

Answer 1

[Александр]

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

Answer 2

[GlazOtca]

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}']}>

Comments

[Дмитрий Марков]

content приходит с бэка. Мне нужно передать props именно в моём примере (