问题标签 [react-functional-component]

React.FC 和 FC 有什么区别？

上面的代码会导致 lint 警告。Property 'className' does not exist on type '{ children?: ReactNode; }'.ts(2339)

但是这段代码看起来不错（至少在 VSCode 中）。

我在 settings.json 中有这个

FC 与 React.FC 之间有什么区别吗？

我有一个名为SignUp它的功能组件，它使用 google recaptcha 来保护注册表单。

Signup创建一个指向Recaptcha组件的 ref 并声明一个onResolved指向函数方法的回调函数onRecaptchaResolved

问题是当onRecaptchaResolved在 Recaptcha 执行后被调用时，我们输入的值不是最新状态，而是useState 在我们的例子中设置的初始值"hi"

如何确保读入的输入值onRecaptchaResolved是更新后的值？

从这个函数中，我如何将“this.state”转换为在函数中使用。

我想知道如何从 React 功能组件外部调用方法。我编写了 GetUsedLockers() 函数，它获取所有使用过的储物柜并返回金额。现在我想从另一个组件（OrgLocker.tsx）调用这个函数，并在那里显示来自 getUsedLockers() 函数的数据。

OrgLockerTables.tsx

orgLocker.tsx

当尝试调用 OrgLockerTables 并将其存储在 lockerTable 中时，会出现以下错误：

预期 1-2 个参数，但得到 0.ts(2554)

任何帮助将不胜感激！

我只是在玩 React hooks 以更好地理解它，最终得到了下面提到的这个用例。

所以我想要的是示例组件在第一次渲染时显示文本的大写值，否则它接收到的确切文本值

现在要实现这一点，我必须使用两个 useEffect

1. 使第一次渲染的文本值大写
2. 在道具更改/更新时更新文本值

我意识到使用这种方法我的状态（我认为）将被更新两次，即通过两个 useEffect 挂钩。另外，我必须保持效果挂钩的相同顺序，因为它们按顺序运行，并且更改顺序会使第一次渲染吐出文本值的正常大小写

实现这一目标的另一种（更好）方法是什么？

我将dataSource参数发送到流动功能组件，dataSource有数据但chartOptions状态无法设置。谢谢...

让我感到困惑的是，功能组件和基于类的组件现在都可以使用State，Props但可以在不同的实现中使用。我更喜欢基于类的组件，因为我是 Angular 开发人员，而且我发现使用这些类型的组件更舒服。但是我搜索了这个，很多专家说最好尽可能地使用功能组件。

我想知道当有人申请 React 开发人员职位时，这对科技公司是否真的很重要。他们会看这些东西吗？由于它们在实现上存在很大差异......

每个人。

我需要在 React 上获取我的功能组件的大小。这个项目正在使用 Typescript，所以我需要类型函数和其他东西。我尝试useRef()这样的钩子：

问题出在getClientBoundingRect().

打字稿说：Property 'getClientBoundingRect' does not exist on type 'HTMLDivElement'.

我应该如何输入我useRef()的使用getClientBoundingReact？

我正在使用 React 16.8.6 和 Typescript 3.4.5。

谢谢！

我有一个StatusContext这样命名的上下文：

整个应用程序与提供者一起包装：

要使用我useContext在 FC 中使用的上下文的值，它会在我获得值时起作用。

另一方面，我也想通过调用来更改上下文，toggleOpen但是它不能按我的意愿工作。实际上值改变但不影响MyComp.

我做错了什么？我该怎么办？

我有以下功能组件，它呈现 3 个复选框（Shopify Polaris）：

...和相同的功能。组件在父组件中使用（都在同一个文件中）：

现在，我的问题是如何从 func 发送和获取客户价值（customer1、customer2 等）。组件到父组件，在这里显示值：Selected customers: {customer_value}？

谢谢