React 实现动态添加元素到列表

首先声明一下，大佬请绕道，以下内容为React纯基础，适合小白新手练习Demo，后面会持续更新

做成的效果如下图

知识点梳理：
1 理解React state
2 理解React props
3 掌握父子间的值传递
4 了解ES6语法
5 主要要理解思路，分清组件之间的关系，大概思路在代码中有相关注释（虽然没人会看）

直接上代码示例：

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import PropTypes from 'prop-types';

//父组件
class App extends React.Component {
    constructor(props) {
        super(props)

        this.state = {
            todos: ['Java', 'Php', 'React']
        }
    }


//如果子类想改变父类组件的属性，只能通过父类声明函数供子组件调用来实现
   addTodo = (todo) => {
       const {todos} = this.state
       todos.unshift(todo)
       this.setState({todos})

   }

    render() {
        const { todos } = this.state