Javascript React类组件中的解构

是否有其他方法可以在React类组件中使用ES6解构，而不必在每个方法中都这样做

我在构造函数、componentDidMount、componentDidUpdate和render方法中使用相同的prop this.prop.page：

---

有没有一种方法可以只做一次呢？

如果您可以使用最新的react版本和挂钩，那么就有了。UseEffect将替换didMount和didUpdate，也不会使用功能组件替换构造函数。我建议阅读这篇关于useEffect钩子的文章

如果您可以使用带有挂钩的最新react版本，则会出现问题。UseEffect将替换didMount和didUpdate，也不会使用功能组件替换构造函数。我建议阅读这篇关于useEffect钩子的文章

useEffect用于处理您将对类内组件使用生命周期方法的情况。根据需要，您可以使用一个或多个

import React, { useEffect } from React;

function SinglePage({ page }) {

  useEffect(() => {
    // componentDidMount() {
  }, []); // empty array here means it'll only run after the first render

  useEffect(() => {
    // componentDidMount() {
    // componentDidUpdate() {
  }); // no second are means it runs after every render

  useEffect(() => {
    // componentDidMount() {
    // componentDidUpdate() {
  }, [page]); // runs on initial render and whenever `page` changes

  useEffect(() => {
    return () => cancelTheThings(); // componentWillUnMount() {
  }); // return a function from your useEffect function to have it run before unmount

  return {
    //...
  }
}

export default SinglePage;

useEffect用于处理您将对类内组件使用生命周期方法的情况。根据需要，您可以使用一个或多个

import React, { useEffect } from React;

function SinglePage({ page }) {

  useEffect(() => {
    // componentDidMount() {
  }, []); // empty array here means it'll only run after the first render

  useEffect(() => {
    // componentDidMount() {
    // componentDidUpdate() {
  }); // no second are means it runs after every render

  useEffect(() => {
    // componentDidMount() {
    // componentDidUpdate() {
  }, [page]); // runs on initial render and whenever `page` changes

  useEffect(() => {
    return () => cancelTheThings(); // componentWillUnMount() {
  }); // return a function from your useEffect function to have it run before unmount

  return {
    //...
  }
}

export default SinglePage;

---

不。或者至少不是很好。@Jonas Wilms谢谢：使用功能组件，为什么需要一类？转换为功能组件。。8我认为问题在于我需要生命周期方法：不是。或者至少不是很好。@Jonas Wilms谢谢：使用功能组件，为什么需要一类？转换为功能组件。。8我认为问题在于我需要生命周期方法：是的！，钩子是你应该探索的道路！对钩子是你应该探索的道路！