react 留言板的第二种写法

	import { Component } from "react";
	
	export default class Msg extends Component {
	    constructor() {
	        super();
	        this.state = {
	            val: '',
	            list: [
	                {![请添加图片描述](https://img-blog.csdnimg.cn/a6e93a01ef884f3f8e8bb854b068b829.png)

	                    id: 1,
	                    msg: '123'
	                }
	            ],
	            pageNum:5,//每页多少条
	            currentPage:1,//当前页
	        }
	    }
	
	    //1.获取留言信息
	    getValue = (e) => {
	        this.setState({
	            [e.target.name]: e.target.value,
	        })
	    }
	
	
	
	    //2.点击添加留言
	    add = () => {
	        //解构数据
	        let { list, val } = this.state;
	
	        //判断list 的length是否为0，为0 id直接取1
	        let id = null;
	        list.length === 0 ? id=1 : id=list[list.length - 1].id + 1;
	
	        this.setState({
	            //把原本的数据拿下来，再额外加一条