问题标签 [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.
javascript - react native 如何在一个功能组件中同时使用道具和导航
我想在版本 5的一个功能组件中使用props
和{navigation}
react-navigation
这是我的代码:
但它不起作用,我无法激活抽屉。它返回以下错误:
javascript - 反应:无法在对象中呈现值
我有一个定义如下所示的组件。creativeList
包含我有兴趣显示的值。它包含以下内容:
我希望能够keyID
通过在我的组件中返回它来显示它。我可以通过登录控制台来获取该值,但是,我无法返回它。有人可以帮我吗?
onchange - 将复选框布尔值传递给父反应组件
目标
我想将布尔值从复选框传递到父元素以更改那里的状态。
描述
我有以下功能(缩短):
到目前为止有效。但我想以CheckBoxContainer
几种形式重用它,为此我想让它成为一个功能组件。
它应该如下所示:
所以我有一个可重复使用的Checkboxcontainer
,像这样:
问题
如何将布尔值从
CheckBoxContainer
正确的传递到父元素?目前,console.log 向我显示了一个 [object Object]
可能的解决方案
父元素中的函数调用:
子功能:
谢谢@viknek
javascript - 如何以动态形式创建和存储多个输入的值?
我有一个表单,用户可以在其中为他想要提交的表单生成新的输入,但是我坚持处理新生成的输入的值,因为我需要将它们存储在state
.
我的代码
JSX
每次用户按下+
生成的两个输入时,一个是 text 类型,另一个是 type number
,我需要知道supply_detail_handler
在值更改时如何执行以存储新生成的值inputs
javascript - Reactjs:将功能组件传递给另一个功能组件以
我正在使用功能组件开发一个反应 js 应用程序。我正在尝试重用代码中的组件。我有一个Frame
包含 Sider 和 Header 的组件。我正在尝试将Content
组件添加到该框架以显示在中间,但它不起作用。
框架.tsx
公共路由.tsx
应用程序.tsx
我无法动态传递内容,我不确定出了什么问题。感谢您的时间。
react-native - React 功能组件未在道具更改时呈现
我正在使用 react native 进行开发,我正在使用功能组件进行开发。但我面临着问题。当我从函数中获取回调并将其保存在某个状态时,我希望该组件将再次呈现。但组件不再渲染。请检查并向我提供详细信息
这工作正常,就好像我将在控制台上打印它得到状态正确的输出一样。但是当它再次进入 ComponentTreat 时,它不会再次呈现组件。我也试过 useEffect 但不工作。任何人都可以为我提供解决方案。
swiper 中的问题 duw 到 swiper 组件不刷新。
react-native - 无论如何要检查功能组件是否进行了不必要的重新渲染?
这是那些圆圈组件
和渲染方法
理想情况是当您单击一个圆圈时,颜色会发生变化,而另一个圆圈不会再次渲染。我正在尝试使用上面的备忘录,但它仍然很滞后。有什么办法可以提高性能,有没有办法检查未点击的圆圈是否重新渲染?
reactjs - 从 cellrenderer 组件调用 ag-grid-react 组件的方法
我有一个名为的功能组件GenericGrid
现在最后一列有一个列定义,cellRendererFramework
如下所示:
现在单击最后一列中的按钮,我想调用函数onAddNew
,如果可能的话,甚至更好地setValue
直接在GenericGrid
组件中声明。
根据官方文档,这适用于class
上下文传递的基于组件,如下所示context = { componentParent: this }
:但是由于我的组件是功能组件,我直接在上下文中传递GenericGrid
,假设它可以工作但它没有。
reactjs - 如何使用历史钩子传递数据以响应功能组件
我正在尝试在执行 fetch 查询后实现重定向。我希望能够使用 React History 将数据传递到下一个组件(页面)。
它会是这样的:
然后在接收器中检索状态,假设接收器是基于类的组件:
甚至有可能用功能组件实现这样的事情吗?这个问题最干净的解决方案是什么?
感谢您的帮助