React实战：留言板

留言板

一、展示

留言板功能：“增加留言”，“删除留言”，“修改留言”

二、组件设计

CommentBox是顶层组件，里面包含 CommentList 和 CommentForm组件；CommentList里又有若干Comment组件。

---

三、安装React

这里我们采用 create-react-app 快速脚手架 安装，具体安装方式请见：
React安装及目录结构（启动项目方式也在其中）

---

四、源码

组件：CommentBox、CommentList、Comment、CommentForm
分别对应一个js文件~

目录：

./src/index.js

import React from 'react';
import ReactDOM from 'react-dom';
import CommentBox from './CommentBox';
import './index.css';

let data = [
  {author:'bty',content:'悟空的自在极意功是真的厉害！！',date:'2019/2/1 下午4:00:05'},
  {author:'oppen',content:'世上只有妈妈好？爸爸呢？',date:'2019/2/1 下午3:04:05'}
];

ReactDOM.render(
	<CommentBox data={data}/>, 
	document.getElementById('root')
);

./src/CommentBox.js

import React, { Component } from 'react';
import CommentList from './CommentList';
import CommentForm from