Недавно я включил базу данных реального времени в свое приложение, поддерживающее реакцию.
Проблема в том, что отображается новый объект, но он отображается с помощью «Lorem Ipsum», и я не знаю, как чтобы исправить это.
Я добавляю данные следующим образом:
.listen('HomeworkCreated', ev => this.setState({
homeworks: [ev, ...this.state.homeworks] // Here :)
}));
Я почти уверен, что это проблема, поскольку он отображает в представлении новый объект, когда создается новый объект. Теперь дело в том, что нам нужно как-то добавить эти данные к новому объекту.
Я уже сделал console.log
, и он имеет ту же структуру, что и другие.
Это это то, что я получаю от ev
:
Object {
"homework": Object {
"completed": 0,
"created_at": "2020-06-20T12:22:04.000000Z",
"description": "Test",
"duedate": "2020-06-20T12:21:55.663Z",
"id": 60,
"image": null,
"progress": 30,
"subject": Object {
"created_at": "2020-06-19T15:46:37.000000Z",
"icon": "subjectImgs/14-1080x1080.jpg",
"id": 10,
"name": "Test",
"updated_at": "2020-06-19T15:46:37.000000Z",
"user_id": 1,
},
"subject_id": 10,
"title": "Consolé est",
"updated_at": "2020-06-20T12:22:04.000000Z",
"user_id": 1,
},
"socket": null,
}
Это то, что я получаю от this.state.homeworks
:
Object {
"completed": 1,
"created_at": "2020-06-17T09:56:29.000000Z",
"description": "test",
"duedate": "2020-06-20",
"id": 2,
"image": "uploads/atFl3P4SLnjaZ0Db9HFfqMIPefe8NOlDwHT5kRQK.jpeg",
"progress": 100,
"subject_id": 1,
"title": "Test",
"updated_at": "2020-06-17T09:56:40.000000Z",
"user_id": 1,
},
Object {
"completed": 1,
"created_at": "2020-06-04T18:45:06.000000Z",
"description": "test",
"duedate": "2020-06-22",
"id": 1,
"image": "uploads/BmcrIk4UjmNT8l2z9sxKq9MEgi4Mt1poQGra5Xyw.jpeg",
"progress": 100,
"subject_id": 1,
"title": "test",
"updated_at": "2020-06-17T09:56:07.000000Z",
"user_id": 1,
},
]
Array [
Object {
"completed": 1,
"created_at": "2020-06-17T09:56:29.000000Z",
"description": "test",
"duedate": "2020-06-20",
"id": 2,
"image": "uploads/atFl3P4SLnjaZ0Db9HFfqMIPefe8NOlDwHT5kRQK.jpeg",
"progress": 100,
"subject_id": 1,
"title": "Test",
"updated_at": "2020-06-17T09:56:40.000000Z",
"user_id": 1,
},
Object {
"completed": 1,
"created_at": "2020-06-04T18:45:06.000000Z",
"description": "test",
"duedate": "2020-06-22",
"id": 1,
"image": "uploads/BmcrIk4UjmNT8l2z9sxKq9MEgi4Mt1poQGra5Xyw.jpeg",
"progress": 100,
"subject_id": 1,
"title": "test",
"updated_at": "2020-06-17T09:56:07.000000Z",
"user_id": 1,
},
]