美文网首页react
React函数组件与类组件

React函数组件与类组件

作者: Coder_不易 | 来源:发表于2017-11-30 21:13 被阅读352次

函数组件与类组件

GitHub地址

函数组件(functional component)

function Welcome(props){
    return <h1>Hello, {props.name}</h1>;
}

类组件(class component)

class Welcome extends React.Component {
  render() {
    return <h1>Hello, {this.props.name}</h1>;
  }
}

类组件与函数组件的区别

  1. 类组件有state
    函数组件是stateless的,类组件是stateful
  2. 类组件有生命周期函数

使用

  1. 函数组件写法比较简单,对于不需要state和生命周期函数调用的组件可使用函数组件。React未来也会对函数组件优化,提高其渲染性能。
  2. 对比较复杂的组件还是要使用类组件

相关文章

  • React基础

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

  • React Hooks 实现和由来以及解决的问题

    与React类组件相比,React函数式组件究竟有何不同? 一般的回答都是: 类组件比函数式组件多了更多的特性,比...

  • React Hook

    简介 :原本函数组件和类组件同为react组件,但是由于函数组件为无状态组件,react hook 的引入,让函数...

  • 最新面试集合

    react 1,react类组件和函数组件区别 函数组件:function Welcome (props) {re...

  • React学习笔记_02

    React 组件和状态 react 组件 1,组件的两种创建方式1,函数组件2,类组件 1,函数组件:使用 JS ...

  • React - 类组件创建

    React创建组件有两种方式 函数式组件 类组件函数式组件已经学过,现在看下类组件怎么写。 函数式组件和类组件区别...

  • React_hooks

    React_hooks React16.8新增的特性,主要针对函数组件 一、函数组件和类组件的区别 函数组件的运行...

  • React函数组件与类组件

    函数组件与类组件 GitHub地址 函数组件与类组件函数组件(functional component)类组件(c...

  • React Hooks

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

  • React基础知识

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

网友评论

    本文标题:React函数组件与类组件

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