打印firebase数据库中的所有数据

Question

所以我有一个firebase数据库，如下所示：

我想知道如何动态打印自己框中的每个任务，即使添加了更多任务也会做出反应。

Answer 1

使用.map功能。例如，请查看此资源以获取文档。我认为这就是你要求的：

https://facebook.github.io/react/docs/lists-and-keys.html

以下示例是一个简单的待办事项列表。我拉着＆＃39; todos＆＃39;对象off.props但是该对象可以替换，但是你从firebase访问返回对象。

export class TodoList extends React.Component {
    render () {
      var {todos, showCompleted, searchText} = this.props;
      var filteredTodos = TodoAPI.filterTodos(todos, showCompleted, searchText);

      var renderTodos = () => {
        if (filteredTodos.length === 0){
          return (
            <p className="container__message">Nothing To Do</p>
          );
        }
        return filteredTodos.map((todo) => {
          return (
            <Todo key={todo.id} {...todo}/>
          )
        });
      };

      return (
        <div>
          {renderTodos()}
        </div>
      )
    }
  };

  export default connect(
    (state) => {
      return state;
    }
  )(TodoList);

在这个例子中，我调用了＃render; renderTodos（）＆＃39;首先检查是否有任何待办事项，如果有，它使用javascripts .map方法迭代所有todos返回另一个组件（个别待办事项 - 每个todo是一个组件） - 该组件显示每个待办事项项目。希望有所帮助。