Шаблон Lodash для рендеринга компонента React вместо [object Object] - PullRequest
Новая
       8

Шаблон Lodash для рендеринга компонента React вместо [object Object]

0 голосов
/ 13 марта 2019

Решение:

Я понял это.Я использовал ReactDomServer.renderToString (), и это сработало.

Проблема Я использую функцию шаблона lodash для замены некоторых пользовательских рулей в некотором тексте, чтобы визуализировать импортированный компонент.Вместо рендеринга компонента среди текста я получаю [object Object].

Вот мой код: 

    class AttachmentDemo extends React.Component {
  state = {
    dummy:
      "<%= attachment %><p>Lorem ipsum dolor sit amet,  consectetur adipiscing elit. Vestibulum et interdum neque. Mauris ac felis in nisl hendrerit ultrices. Etiam molestie eros id ipsum vestibulum commodo. Phasellus venenatis malesuada quam vitae condimentum. Integer mi neque, tempus eu augue eget, porta ullamcorper velit. Duis eget maximus dolor. Vestibulum euismod mauris eu metus maximus, sit amet pretium dolor dapibus. Morbi a leo mattis, varius lectus id, auctor sem. Vivamus ut volutpat sapien, id semper nisi.</p>"
  };

  render() {
    const { info } = this.props;

    var compiled = _.template(this.state.dummy);

    return (
      <div>
        {ReactHtmlParser(compiled({ attachment: <Attachment info={info} /> }))}
      </div>
    );
  }
}

Вот что возвращается в моем приложении:

[объект Object]

Lorem ipsumДолор Сит Амет, Заклинатель Адептисинг Элит.Vestibulum et interdum neque.Mauris ac felis в нислых хендреритных язвах.Etiam molestie eros id ipsum vestibulum commodo.Phasellus venenatis malesuada quam vitae condimentum.Integer mi neque, tempus eu augue eget, porta ullamcorper Velit.Duis Eget Maximus Dolor.Vestibulum euismod mauris eu metus maximus, sit amet pretium dolor dapibus.Morbi a leo mattis, varius lectus id, aum sem.Vivamus ut volutpat sapien, id semper nisi.

Если кто-то может помочь, пожалуйста, выясните, как заставить компонент <Attachment /> визуализировать вместо [object Object], я был бы очень благодарен.

...