React UI组件-容器组件-无状态组件

周大胖子

                        UI组件[页面渲染] 和 容器组件[页面逻辑]
                       
                        UI组件的意义：就是把render 里面的拿出来在搞一个JS，然后通过 给标签添加自定义属性
                                且在UI组件中用 this.props.数据或方法  来 接收 和使用
                                UI 组件最好 只有一个render() 函数；
                       
                       
                        无状态组件-[大部分是UI只负责渲染页面的组件]：[性能较高 就是一个函数，没有乱起八遭的生命函数 ]
                       
                        例如：
                       
                                import React,{component} from 'react';
                               
                                const TodolistUI = (props)=>{
                                        return (
                                                <div >
                                                        <input
                                                                value ={props.inputValue}
                                                                onChange = {props.handleInputChange}
                                                </div>
                                       
                                        )
                                }
                       
                                export default TodolistUI;