6.组件内部数据-state

教程1-14完整项目地址 https://github.com/x1141300029/react-Todos.git

src/App.js

import React, {Component, Fragment} from 'react';
import {
    TodoHeader,
    TodoInput,
    TodoList
} from './components'

class App extends Component {
    //方式1
    // state={
    //   title:"待办事项"
    // };

    constructor(props) {                      #insert
        super(props);//必须继承父类所有内容      #insert
        this.state={                         #insert
            title:"待办事项",                 #insert
            desc:"今日事，今日毕。"            #insert
        }                                   #insert
    }                                       #insert

    render() {
        return (
            <Fragment>
                <TodoHeader desc={this.state.desc}>{this.state.title}</TodoHeader> #update
                <TodoInput btnText='ADD'/>
                <TodoList/>
            </Fragment>
        );
    }
}

export default App;