React实现新闻分页功能

项目目录下 键入cmd,命令行下输入npm i axios

import React, {
    Component } from "react";

import axios from "axios";

import "./News.css";

export default class News extends Component {
   
  constructor(props) {
   
    super(props);

    //只有state中的值发生变化时, 页面才会实时刷新
    this.state = {
    data: null, news: null };
  }

  //生命周期: 内容加载完毕
  componentDidMount() {
   
    this.getNews(1);
  }

  //时间戳的转化:
  //vue - filters  过滤     时间戳|过滤器
  //Angular - 管道 pipe    时间戳|管道
  //react  - 只能自己声明函数
  dateFromat(timestamp) {
   
    let ts = parseInt(timestamp);

    var t = new Date(ts); //把时间戳转日期
    var year = t.getFullYear();
    var month = t.getMonth() + 1;
    var day = t.getDate();

    return `${
     year}-${
     month}-${
     day}`;
  }

  // 获取数据: p代表页数
  getNews(p) {
   
    let url = "http://101.96.128.94:9999/mfresh/data/news_select.php";

    let params = "pageNum=" + p;

    axios
      .post(url, params)
      .then(res => {
   
        console.log(res);

        this.setState(<