问题标签 [react-functional-component]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1064 浏览

javascript - react native 如何在一个功能组件中同时使用道具和导航

我想在版本 5的一个功能组件中使用props{navigation}react-navigation

这是我的代码:

但它不起作用,我无法激活抽屉。它返回以下错误:

0 投票
4 回答
54 浏览

javascript - 反应:无法在对象中呈现值

我有一个定义如下所示的组件。creativeList包含我有兴趣显示的值。它包含以下内容:

我希望能够keyID通过在我的组件中返回它来显示它。我可以通过登录控制台来获取该值,但是,我无法返回它。有人可以帮我吗?

0 投票
1 回答
71 浏览

onchange - 将复选框布尔值传递给父反应组件

目标

我想将布尔值从复选框传递到父元素以更改那里的状态。

描述

我有以下功能(缩短):

到目前为止有效。但我想以CheckBoxContainer几种形式重用它,为此我想让它成为一个功能组件。

它应该如下所示:

所以我有一个可重复使用的Checkboxcontainer,像这样:

问题

如何将布尔值从CheckBoxContainer正确的传递到父元素?

目前,console.log 向我显示了一个 [object Object]

可能的解决方案

父元素中的函数调用:

子功能:

谢谢@viknek

0 投票
1 回答
583 浏览

javascript - 如何以动态形式创建和存储多个输入的值?

我有一个表单,用户可以在其中为他想要提交的表单生成新的输入,但是我坚持处理新生成的输入的值,因为我需要将它们存储在state.

我的代码

JSX

每次用户按下+生成的两个输入时,一个是 text 类型,另一个是 type number,我需要知道supply_detail_handler在值更改时如何执行以存储新生成的值inputs

0 投票
2 回答
821 浏览

javascript - Reactjs:将功能组件传递给另一个功能组件以

我正在使用功能组件开发一个反应 js 应用程序。我正在尝试重用代码中的组件。我有一个Frame包含 Sider 和 Header 的组件。我正在尝试将Content组件添加到该框架以显示在中间,但它不起作用。

框架.tsx

公共路由.tsx

应用程序.tsx

我无法动态传递内容,我不确定出了什么问题。感谢您的时间。

0 投票
1 回答
510 浏览

react-native - React 功能组件未在道具更改时呈现

我正在使用 react native 进行开发,我正在使用功能组件进行开发。但我面临着问题。当我从函数中获取回调并将其保存在某个状态时,我希望该组件将再次呈现。但组件不再渲染。请检查并向我提供详细信息

这工作正常,就好像我将在控制台上打印它得到状态正确的输出一样。但是当它再次进入 ComponentTreat 时,它不会再次呈现组件。我也试过 useEffect 但不工作。任何人都可以为我提供解决方案。

swiper 中的问题 duw 到 swiper 组件不刷新。

0 投票
1 回答
78 浏览

react-native - 无论如何要检查功能组件是否进行了不必要的重新渲染?

这就是我正在做的

这是那些圆圈组件

和渲染方法

理想情况是当您单击一个圆圈时,颜色会发生变化,而另一个圆圈不会再次渲染。我正在尝试使用上面的备忘录,但它仍然很滞后。有什么办法可以提高性能,有没有办法检查未点击的圆圈是否重新渲染

0 投票
1 回答
1693 浏览

javascript - 使用 onClick 和 TypeScript反应功能组件

0 投票
0 回答
351 浏览

reactjs - 从 cellrenderer 组件调用 ag-grid-react 组件的方法

我有一个名为的功能组件GenericGrid

现在最后一列有一个列定义,cellRendererFramework如下所示:

现在单击最后一列中的按钮,我想调用函数onAddNew,如果可能的话,甚至更好地setValue直接在GenericGrid组件中声明。

根据官方文档,这适用于class上下文传递的基于组件,如下所示context = { componentParent: this }:但是由于我的组件是功能组件,我直接在上下文中传递GenericGrid,假设它可以工作但它没有。

0 投票
2 回答
2048 浏览

reactjs - 如何使用历史钩子传递数据以响应功能组件

我正在尝试在执行 fetch 查询后实现重定向。我希望能够使用 React History 将数据传递到下一个组件(页面)。

它会是这样的:

然后在接收器中检索状态,假设接收器是基于类的组件:

甚至有可能用功能组件实现这样的事情吗?这个问题最干净的解决方案是什么?

感谢您的帮助