Question

我正在开发一个使用两个Firebase集合的应用程序，一个带有待办事项列表，另一个带有完整的待办事项列表。

我已经使用一个简单的crud应用程序进行了此操作，然后在待办事项上添加了一个按钮，然后单击该按钮即可将其添加到另一个列表中。

我无法使第二个列表项显示第一个列表项内容

如何将参数从一个列表传递到另一个列表？

您可以通过https://github.com/pdavim/react-todo-list

访问代码

我希望在完整列表中添加第一个列表项每个元素的内容。

如果集合1的项目1具有{ content1：abc }

我希望集合2的项目1具有{ content2：content1 }

它将在第二个集合中创建新项目，但不包含第一个集合中任何数据。

我使用React，Firebase和antd。开始时只有一个简单的步骤，然后尝试添加更多内容。

//Add todo to first List

async addTodo() {
```if (!this.state.pendingTodo) return;
    // Set a flag to indicate loading
```this.setState({ addingTodo: true });
    // Add a new todo from the value of the input
```await firestore.collection("todos").add({
      content: this.state.pendingTodo, completed: false, createdAt: new Date().toISOString()
    });
    // Remove the loading flag and clear the input
```this.setState({ addingTodo: false, pendingTodo: "" });
  }

//Add item to complete todo list (to second list)
```async completeTodo(id) {
    // Mark the todo as completed
```await firestore.collection("completedTodos").doc(id).set({
        content: this.state.addingTodo, completed: true, createdAt: new Date().toISOString()
      });

```await firestore.collection("todos").doc(id).delete();
  }

React Firebase在集合之间传递数据

0 个答案: