小编J T*_*J T的帖子

如何访问“关键”对象reactJS的对象属性

想要输出这个 JSON 数据

我正在努力寻找一种方法来输出我从 Firebase 中提取的数据,主要是因为我不知道如何选择“日期”对象中的对象。Firebase 自动生成这些密钥:-LMgzJGM78f0BHbPf8cc.

我无法输出上面命名的对象的属性^我尝试使用嵌套for(in)循环。

这是我当前使用的代码:

从数据库中提取数据

 componentDidMount() {
    axios.get('./tasks.json')
      .then(response => {
        const fetchedTasks = [];
        for (let date in response.data) {
          fetchedTasks.push({
            ...response.data[date],
            date: date,
          });
          for (let item in response.data[date]) {
            fetchedTasks.push({
              ...response.data[date[item]],
              id: item
            })
          }
        }
        this.setState((prevState, props) => {
          return {
            taskList: fetchedTasks,
            loading: false
          }
        })
      })
      .catch(error => console.log(error));
  }
Run Code Online (Sandbox Code Playgroud)

将状态映射到 JSX 元素,仅输出如下所示props.name

  {this.state.taskList.map((array, index) => (
            <CompleteTask
              key={array.date}
              taskName={array.date}
            />
          ) ) …
Run Code Online (Sandbox Code Playgroud)

javascript firebase reactjs firebase-realtime-database axios

4
推荐指数
1
解决办法
4万
查看次数