美文网首页
React 函数组件 和 class组件

React 函数组件 和 class组件

作者: _William_Zhang | 来源:发表于2019-03-23 17:03 被阅读0次

    函数组件

    函数组件

    React几个创举:

    标签就是函数
    函数就是对象
    标签的属性就是函数的参数,(这里的函数的参数是个对象)
    虚拟dom

    class组件

    function App(props){
        return (
        <div>
            <Box1 name="啊旺" age="18"/>
        </div>
        )
    }
    
    class Box1 extends React.Component{
        constructor(props){
            super(props)
        }
        render(){
            return(
                <div>
                {this.props.name}
                {this.props.age}
                </div>
            )
        }
    }
    
    render()
    
    
    
    function render(){
      ReactDOM.render(
        <App/>,  // React.createElement(App)
        document.querySelector('#root')
      )
    }
    
    

    相关文章

      网友评论

          本文标题:React 函数组件 和 class组件

          本文链接:https://www.haomeiwen.com/subject/qtddvqtx.html