小编Jon*_*nas的帖子

也许我做错了。我想在 node_modules 文件夹中进行更改。现在，当我运行 npm run watch 或 npm run dev 时，它不会反映在 UI 中。

知道出了什么问题吗？

我正在处理显示来自 API 的数据的页面。实际上，我试图以相反的顺序显示数组数据，但它不以相反的顺序显示数据。当我刷新页面时，第一次数据反向显示，但 3 秒后数据恢复并以原始形式显示。请帮助我谢谢

代码

import React, { Component } from "react";
import DayPicker from "react-day-picker";
import "react-day-picker/lib/style.css";
import "./style.css";
import axios from "axios";

class DiarySideBar extends Component {
  constructor(props) {
    super(props);
    this.state = {
      data: []
    };
  }

  componentWillMount() {
    axios.get("/api/diary/all").then(res => {
      this.setState({
        data: res.data.rows
      });
    });
  }
  render() {
    const { data } = this.state;
    return (
      <div>
        <div className="calendarWrapper">
          <DayPicker />
        </div>
        <div className="activeTaskMainWrapper">
          <h6 className="activeTaskHeaderWrapper">Active Tasks</h6>
          {data
            .reverse()
            .slice(0, 5)
            .map(newData => (
              <div …