一个小练习-----评论（对antdesign的使用）

antdesign库的简单使用

实现如下的栗子：可以添加评论，进行评论的删除，观察到时间等

点击删除第二个之后

文件的路径如下所示

index.js文件

import React from 'react';
import ReactDOM from 'react-dom';

import 'moment/locale/zh-hk';
import 'antd/dist/antd.css';

import App from './comment/App';

ReactDOM.render(
  <App />,
  document.getElementById('root')
);

app.js

import React, {
    PureComponent } from 'react';

import CommentInput from './components/CommentInput';
import CommentItem from './components/CommentItem';

export default class App extends PureComponent {
   
  constructor(props) {
   
    super(props);

    this.state = {
   
      commentList: []
    }
  }

  render() {
   
    return (
      <div style={
   {
   width: "500px", padding: "20px"