Redux初级2

业务和组件UI分离

// ####TodoList.js
    render() {
        return ()
    }
// ####TodoListUI.js
render() {
    return (
        

            

                
                增加
            
            

                ({item})}
                />
            
        
    );
}

在UI层通常用无状态组件（一个函数），性能更好，不用继承

const TodoListUI = (props) => {
    return (
        

            

                
                增加
            
            

                ( props.deleteItem(index)}>{item})}
                />
            
        
    );
}