React 函数组件 和 class组件

2019-03-23  本文已影响0人  _William_Zhang

函数组件

函数组件

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')
  )
}

上一篇下一篇

猜你喜欢

热点阅读