美文网首页
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基础知识

    基本 React 中的组件分为函数组件和类组件区分的话,简单的组件我们就用函数,如果复杂就用 class;函数组件...

  • React 中被忽略的函数组件(Functional Compo

    React中有两种组件:函数组件(Functional Components) 和类组件(Class Compon...

  • 组件类型(函数式组件和类组件)

    React中有两种组件:函数组件(Functional Components) 和类组件(Class Compon...

  • React Hooks

    前言 React中组件分为两大类:Class类式组件、函数式组件 React v16.8以前: Class类式组件...

  • 笔记-React-Hooks

    一、矛与盾的问题?(Class组件与函数式组件)   在 React 中 Class 组件好用还是函数式组件好用呢...

  • React基础

    React包含react元素和react组件 react元素 react组件 react组件分为函数组件和类组件 ...

  • React.Component

    前面我们了解到了React组件有函数组件和class组件两种,对比来说class组件功能更加丰富。接下来简单学习一...

  • React Hook

    React 声明组件的方式 Class声明和函数式声明(无状态组件)。Class声明可以操作state、生命周期等...

  • 04:class组件与生命周期

    class组件基础 React的组件可以定义为 class 或者 函数 的形式。组件接收Props输入,并返回Re...

  • React 入门 3:组件的诞生

    本篇关于组件的诞生,包括函数组件和 class 组件。简单组件用函数,复杂组件用 class。 组件的构想 (一)...

网友评论

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

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