отреагировать роутер - как сделать ссылку из контента

Question

Как мне отрендерить компонент Link-router Link из абзаца с содержимым? Это может быть в произвольном положении, и я не нахожу вручную sperating content param для beforeText, link и afterText объекта

Допустим, я создаю блог, в котором раздел блога передает контент с некоторыми URL-адресами компоненту визуализации текста, и это будет ссылка на внутренний маршрут приложения (или, возможно, нет, просто текст)

  class ParentComponent extends Component{
    render(){
      <Content content='Lorem ... <Link to="/page">Some link</Link> lorem ipsum ...'
    }
  }


  class Content extends Component {
     const { content } = this.props
     render(){
       <div className="text-section">
         {content}
       </div>
     }
   }

Answer 1

Вы должны использовать this.props.children для передачи вложенных компонентов, чтобы они могли отображаться прямо. Ваш код должен выглядеть следующим образом:

 class ParentComponents extends Component{
     render(){
         <Content>
          <p>Lorem ...<Link to="/page">Some link</Link>lorem ipsum</p>
         </Content> 
     }
 }


class Content extends Component {
    render(){
        <div className="text-section">
            {this.props.children}
        </div>
    }

}