相关疑难解决方法(0)

React:何时使用基于ES6类的组件与功能ES6组件?

花了一些时间学习React后,我理解了创建组件的两个主要范例之间的区别

我的问题是我什么时候应该使用哪一个?为什么?一个在另一个上有什么好处/权衡?

ES6/7课程:


import React, { Component } from 'react';

export class MyComponent extends Component {
  render() {
    return (
      <div></div>
    );
  }
}
Run Code Online (Sandbox Code Playgroud)

功能:


const MyComponent = (props) => {
    return (
      <div></div>
    );
}
Run Code Online (Sandbox Code Playgroud)

只要没有任何状态可以被该组件操纵,我就会想到功能......但是这样吗?

我猜我是否使用任何生命周期方法,最好使用基于类的组件.

javascript ecmascript-6 reactjs redux

169
推荐指数
4
解决办法
4万
查看次数

反应功能组件与经典组件

我试图了解何时使用React功能组件与类以及从文档中读取它们并没有真正详细说明.当你想要一个类的特定功能来制作一个组件时,你能给我一些下面的主要例子吗?

功能组件功能较弱但更简单,只需一个render()方法就像一个类组件.除非您需要仅在课程中提供的功能,否则我们建议您使用功能组件.

javascript components class reactjs

16
推荐指数
2
解决办法
4320
查看次数

何时使用 React Hook

我试图理解 Hooks 的重要性

从 React 文档,它说

They let you use state and other React features without writing a class.
Run Code Online (Sandbox Code Playgroud)

功能组件背后的整个想法是不是将是无状态的,这样它就不会导致重新渲染 React 应用程序?比如,如果你要使用 react hooks,你会在哪里以及为什么使用它?

你总是可以自己创建一个状态,它不会导致功能组件的重新渲染 const state = {}

我的问题是:

  1. 状态在功能组件中的优势是什么
  2. 什么时候在反应中使用反应钩子而不是实际的基于状态的组件

reactjs redux

4
推荐指数
2
解决办法
2657
查看次数

标签 统计

reactjs ×3

javascript ×2

redux ×2

class ×1

components ×1

ecmascript-6 ×1