javascript - 如何使用 React 使用 setState 将类保存在变量中

Question

我想尝试保存一个包含从不同文件导入的整个类的变量。该变量是通过实际类的构造函数内的 setState 方法保存的。问题是，它根本不渲染任何东西。这是一段代码:

import Timer from './App';

class Nuevo extends React.Component{
    constructor(props){
        super(props);
        this.state = {
            game: 1,
            timer: <Timer />
        }
    }
    setup = () => {
        return(
            this.state.timer
        );
    }
    render(){
        return(
            <span>{this.state.timer}</span>
        );
    }
}

我也尝试过在 this.timer = <new Timer />; 方法之外使用 this.state，但它根本不起作用。(Timer 的导入/导出工作完全正常，因为它之前已经渲染过)。

这就是我正在尝试做的事情。

game 变量在整个游戏的各个部分之间发生变化。 1 是三个中的第一个。我为此使用条件渲染。问题出在其他地方。

类 Nuevo 应该从导入中调用 Timer。然后，Timer 被保存在一个变量中，例如每次我重新渲染整个事物时都不会渲染一个新类(因为我将它按部分划分，每当部分更改时，Timer 都会重新渲染，当我只想查看时Timer 和之前一样)。

感谢您的帮助!

如果我的示例中有些内容无法理解，请询问，希望不会造成混淆。

此外，我考虑过更改整个代码，以便合并两个类，但我真的想了解我所要求的是否可能，以及如果可能的话，如何做到这一点。

Answer 1

你永远不应该这样做。您应该始终返回组件并最终在类的 render 方法中渲染它们。

您可以管理组件的条件渲染:

• https://reactjs.org/docs/conditional-rendering.html .

您可以使用可用的生命周期方法来管理状态，这些方法可以监听应用程序中的更新:

• https://reactjs.org/docs/react-component.html
• https://reactjs.org/docs/state-and-lifecycle.html

如果您无法通过上述文档实现您想要实现的目标，我想知道:您想要更具体地做什么以及为什么？