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

我在类组件中的代码

我仍然是学习 React 的新手，我很难将类组件转换为功能组件。

我在 Component 类中的输出

如何在 reactjs 中使用钩子将类组件转换为函数组件

我是 React 中的功能组件的新手，想知道如何将下面的代码从基于功能的代码转换为基于类的代码。我已经尝试过了，但我在“React.useEffect”方面遇到了麻烦。

任何帮助将不胜感激！:)

（还有一个问题，你会说我学习基于类的功能组件更好吗？）

代码

孩子：

家长：

祖父组件：

我只是想将方法 handleButtonChange() 从 grandParent 一直传递给子项（这是一个按钮），当按钮被单击时，它会触发 click 事件，该事件会触发此函数，从而更改祖父组件（即设置按钮状态）我在哪里错了，或者这种方法完全错误，我真的很陌生。我只想通过子点击事件在 grandParent 中设置状态。我不断收到此错误TypeError: this.props.handleButtonChange is not a function 将不胜感激任何帮助

我正在尝试找到一种方法将此代码转换为基于类的组件：

当我第一次学习 redux 时，我没有使用基于类的组件，所以我不知道如何替换除connectHOC 之外的那些钩子，不幸的是我把它们放在了我不能使用它们的位置。那么如何bindActionCreators在基于类的组件上实现呢？

我对 React 还很陌生。我目前在 React 中使用 useEffect 制作了一个加载屏幕，但我不确定如何使用类组件制作它。这是我工作的功能组件。

我目前正在像这样转换该功能，但是它不起作用，并且我的加载屏幕从未出现。我哪里错了？componentDidMount 在这里不是 useEffect 的正确替代吗？

我有这样的场景：这是我的场景

从那张图片让我解释一下：

1. 我有一个变量，当我单击该组件中的按钮时，该变量将从 child_2 (C) 更改它的值。此变量将用于更改 child_1 (B) 和 grandChild (D) 中的视图。
2. 到目前为止，我的应用程序在 child_1(B) 中运行。当我在 grandChild (D) 中访问这个变量时，这个变量是“未定义的”。所以它不能改变grandChild中的观点。

这是我的代码的一部分：

这是我在父类中的代码的一部分：

我像往常一样把这个类称为父类。它仅适用于 child_2(C) 到 child_1(B)。我怎样才能访问grandChild中的那个变量？

我正在尝试将这个基于功能的组件更改为基于类的组件，以便我可以使用从滑块左右光标获取的值来设置状态。

我已经尝试过了，但我无法分别获取滑块和 setState 的值。

这是我的代码：

一切正常，但值是这样0-0的，当光标移动时，两边的值相同。但是有了功能组件，一切都很好。

如何更改为基于类的组件？

用>>>查看有问题的行。代码目前是这样的：

而且我想让字符串“Mentee Name”成为一个变量，但 jsx 并没有将它作为变量读取。我怎样才能做到这一点？我像这样尝试过，但它的字面意思是“menteeName”：

我在将Uncontrolled Components类组件转换为功能组件时遇到了麻烦......

类组件：

我想转换成功能组件。像这样的东西：

我真的不知道如何转换构造函数。任何人请帮助我。

我想使用类 Apps 中的功能复选框，如下所示：

在另一个名为“Buttonbox”的组件中，我想这样称呼它：

现在，当我尝试时，错误如下：未捕获的错误：F.checkboxes 不是函数