问题标签 [react-class-based-component]

我有一个 onClick 方法来做出反应，它改变了一个名为指针的属性的状态。该功能在功能级别上工作，但是除非我双击按钮（onClick 方法），否则 UI 不会随我的状态更新。我尝试将组件转换为类组件以利用渲染方法，但仍然没有结果。

我知道如何使用功能组件来完成。但是当涉及到类组件时，我几乎没有什么问题需要澄清。

我在这里上课

所以在这里我想知道的是，

1. 如果我只想更新状态对象内的页面，我是否必须保留rowsPerPage并将它们更新为 this.setState({page:<updatedValue>, rowsPerPage:<preservedValue>); 反之亦然

2. 如果我们可以更新状态对象中的独立属性，那么在handleChangePage和handleChangeRowsPerPage中会出现什么代码。

3. 当我们有几个这样的状态并且我们想要独立更新每个状态时，最佳实践是什么？

我对 React 有一些问题。我想以类的形式创建一个组件库（我来自 Java 世界，我发现 OOP 更具可读性）。

为此，我创建了一个基类，我的所有组件都将从中继承。

然后我有一个基本组件来显示警报，例如。

我已经用 rollupjs 构建了我的库，它通过故事书工作得很好。

然后我想将我的库与我之前通过“create-react-app”创建的 React 应用程序中的 npm 依赖项与 typescript 模板相关联。在 App.tsx 中，我调用我的组件并收到以下错误消息“无效的挂钩调用”，而我没有在我的组件中使用任何内容。

如果我使用简单的 div，我的 App.tsx 工作正常。

我不明白我的问题可能来自哪里。我不用钩子。我知道它在基于类的组件中是被禁止的。有关信息，我的应用程序上的 react 版本似乎很好：

• 反应@16.13.1
• 反应-dom@16.13.1

如果有人有想法？谢谢

我在访问 onCancel/onOk 函数时遇到this.state问题this.setState。我想在确认或取消弹窗后修改状态。如果有人有不同的方法，你的指导会很有帮助。

为什么 console.log 在构造函数和渲染函数中打印两次值？

这里是：

这是我目前关于如何ErrorBoundary在 Typescript 中正确键入 React 类组件的尝试：

这个问题是关于这个ErrorBoundary类组件的类型。我将它分成几部分以使其更容易。

A 部分：道具和状态的类型

我做的对吗？

B 部分：getDerivedStateFromError（错误）

error我应该为参数选择什么类型？返回类型应该是State类型吧？

C部分：componentDidCatch（错误，errorInfo：React.React.ErrorInfo）

error我应该为参数选择什么类型？对于errorInfo，React 确实有一个ErrorInfo看起来是正确的类型。是吗？返回类型应该是void，对吗？

D 部分：render() 方法

返回类型应该是ReactNode？

我正在制作一个新的反应应用程序，这是第一次发生在我身上。我现在正在使用基于类的组件。我在构造函数this.state内部初始化了一个变量并遇到了这个奇怪的问题。

问题：在超级关键字上删除。
像这样：超级
请检查下面的屏幕截图。

注意：控制台或终端中没有错误

背后的原因可能是什么？解决方案是什么？

我一直使用类似的东西

但是今天我注意到在 VS Code 中工作时有一条删除线super(props)，这是以前从未有过的！？

发生了什么变化？（弹出窗口中的文档链接不是很有帮助）

我已经在 indexa.js 中声明了一个 React 上下文，并且我正在尝试访问在 Employee.js 中的 App.js 中设置的上下文值。但这并没有体现出我对 React 不熟悉的价值。请帮帮我。提前致谢

//index.js

//App.js

我试图在部分功能组件中显示基于类的组件的内容，但它不起作用。基于类的组件：

功能组件：

.

这里我想显示来自 RenderComments 的 commentForm 的内容。我没有收到任何错误，但代码未在前端显示 commentForm 的内容。