从firebase渲染数据并做出反应

时间:2018-06-07 13:17:11

标签: javascript reactjs firebase firebase-realtime-database

如何在firebase中渲染数据?我试过这段代码但没有出现! 用户不是一个数组吗? 因为当我把这样的东西users = [1, 2, 3]放进去的时候。

import React, { Component } from 'react';
import axios from './axios-users';

class App extends Component {

render() {
let users = [];
axios.get('/users.json')
    .then(response => {
        console.log(response.data);
        users = response.data;
} );
const listItems = users.map((users) =>
  <li>{users}</li>
);
return (
  <div className="App">
    <ul>{listItems}</ul>
  </div>
);
}
}
export default App;

的console.log(response.data)

enter image description here

1 个答案:

答案 0 :(得分:0)

您可以使用状态进行此项工作,因为您正在使用axios执行异步工作,这是用户在视图渲染后分配的原因。

LazyLoadingEnabled = true;