react写代码个人心得

处理一个问题，将之分化为多个片段去处理，多的不好理解，单个总会理解吧。

多个片段的好处：

    逻辑清晰明了，

    出现问题，便于排查

    代码的易读性

    维护性较强

一个方法处理一个问题

不要所有的逻辑都在一个方法里面去处理

代码都在一个方法里面，看得头痛，不容易读懂，不容易把控

如果把控不了几十上百行的代码，那就将之简化为十行以内的东西

这样不容易出现问题，就算出现问题也便于我们排查

 

我将这个分为三步走：

//主页面

//基类处理数据

//数据的展示

//主页面
export class WorkIndex extends React.Component{
    constructor(props){
        super(props)
        this.state = {
            workData:null
        }
    }

    componentDidMount(){
        // 获取数据操作
    }

    //定义一个方法
    OnDone=(e,data)=>{
        //操作数据
        let {result}  = this.state;
        // 拿到返回过来的数据
        if(data){
            if(!result) result =[];
            result.push(data)
        }
        this.setState({result});
    }

    render(){
        let {workData} = th