Как зациклить данные, полученные с сервера в React.js?

Question

У меня есть следующий маршрут в моем файле index.js в моем экспресс-приложении:

router.get('/', function(req, res, next) {

  var connection = createDBConnection();

  connection.connect( );

  connection.query('SELECT tag from mytags', function (err, rows, fields) {
    if (err) throw err

    console.log( rows );

    res.render('index', { tags : rows });

  });

});

В моем файле index.ejs я пробегаю эти данные примерно так:

<% var data = tags %>
<% data.forEach( function( _e , i ) {  %>
    <div class="pretty p-default p-round p-thick">
        <input type="radio" value="<%= _e.tag %>" name="tagsradio"/>
        <div class="state p-success-o">
            <label><%= _e.tag %></label>
        </div>
    </div>
<% }) %>  

Дело в том, что сейчас я переместил клиент в React.js, и меня немного смущает вопрос о том, как я могу напрямую запускать данные, полученные с сервера, без выполнения запроса Ajax на выборку?

Я вижу решение ЗДЕСЬ , но опять же с использованием fetch, есть ли где-нибудь, где я могу напрямую пройти через значения, полученные с сервера?