Использование React с ejs?

Question

У меня есть интерфейс, который построен с использованием состояний React, предназначенных для адаптации на основе действий пользователя. Тем не менее, мой Front-End React также предназначен для отображения и разрешения манипулирования моими данными на стороне сервера. В настоящее время мой механизм просмотра - EJS, и я использую его для отображения данных. В широком примере:

return (<div class="col-md-6 col-sm-6 col-xs-7"> 
    <ul> 
     <li><span class="point">Name:</span> <%= user.profile.name %> </li> 
     <li><span class="point">Email:</span> <%= user.email %> </li> 
    </ul> 
    </div>); 

Я установил, что я не могу смешивать этот EJs <%= тегов с React. Это делает манипулирование данными проблемой. Если я не переделаю свой UI в jQuery, я не уверен, как действовать дальше.

Я просмотрел this React documentation для передачи данных, но при тестировании результат не позволяет мне делать перекрестные вызовы, а мой MongoDB хранится на MongoLab. Таким образом, я отношусь к использованию EJS для вызова моих данных.

С ограничениями использования React с EJS я озадачен тем, какие решения я должен реализовать для инструмента пользовательского интерфейса, такого как React with server-side data.

Answer 1

В экспрессе:

res.render('view', {user: myUser}); 

В EJS перед тем пачке в приложении ЯШ:

<script type='text/javascript'> 
    var userFromServer =<%-JSON.stringify(user)%> 
</script> 

Использование userFromServer в вашей реакции код.