не могу получить выходные данные от firebase сервера (reactjs) - PullRequest
Новая
       5

не могу получить выходные данные от firebase сервера (reactjs)

0 голосов
/ 25 января 2020

Я хочу вывести dataList (абзац, текст, заголовок), вы можете посмотреть данные на скриншоте 2. Я не могу получить вывод dataList с сервера, но я могу получить вывод голосования с помощью props.vote (Post. js). также console.log (this.state.dataList) в ShowPost. js работает и содержит данные (скриншот 2). axiosReddit содержит ссылку на мою базу данных, поэтому она отлично работает

ошибка ошибка error shows

данные с сервера data from firebase server

Post. js

import React from "react";

const Post = props => {
  const listData = [];
  for (let key in props.dataList) {
    listData.push({
      id: key,
      dataList: props.dataList[key]
    });
  }
  let listDataOutput = listData.map(list => {
    return <span key={list}>{list.dataList}</span>;
  });
  return <div>
  {}
  {props.vote}</div>;
};

export default Post

ShowPost. js

import React, { Component } from "react";
import axiosReddit from "../../axios-reddit";
import Post from "../Post";

class ShowPost extends Component {
  state = {
    dataList: []
  };
  componentDidMount() {
    axiosReddit
      .get("./data.json")
      .then(res => {
        const fetchedListData = [];
        for (let key in res.data) {
          fetchedListData.push({
            ...res.data[key],
            id: key
          });
        }
        this.setState({ dataList: fetchedListData });
        console.log(this.state.dataList);
      })
      .catch(error => {
        console.log(error);
      });
  }

  render() {
    return (
      <div>
        {this.state.dataList.map((data, index) => (
          <Post key={index} dataFile={data.dataList} vote={data.vote}></Post>
        ))}
      </div>
    );
  }
}

export default ShowPost;

спасибо

...