如何遍历React.js中从服务器接收的数据?

时间:2019-03-14 08:11:02

标签: node.js reactjs express

在我的Express应用程序的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上,我对如何直接从服务器接收到的数据直接运行而不产生fetch | Ajax请求感到困惑。

我确实看到了一个解决方案HERE,但是再次使用fetch,我可以在任何地方直接运行从服务器接收的值吗?

0 个答案:

没有答案