问题标签 [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 回答
564 浏览

javascript - React Native:从功能组件中导出功能

问题:

  1. 我试图弄清楚如何从功能组件“ContractHandler”中导出一个名为“addPostCode”的函数。

  2. 我想在另一个名为“RentalDetailScreen”的功能组件中使用“addPostCode”,这样当我导航到下一页时,它将触发“addPostCode”并将“postCode”的状态存储在“ContractHandler”中。

这是“ContractHandler.js”:

这些是 RentalDetailScreen.js 的一部分,我在其中导航到下一页并希望触发“addPostCode”函数并将“postCode”值发送到“ContractHandler.js”。

这是导入:

这是带有“addPostCode”功能的导航。

“postCode”只是一个从 TextInput 获得值的变量。

如果我不够清楚,请告诉我,我会尽力解释得更好:)

0 投票
1 回答
75 浏览

javascript - React子组件未从父组件发送更新状态

我正在尝试按照他们官方网站上的反应教程:https ://reactjs.org/tutorial/tutorial.html

唯一的区别是我试图通过仅使用功能组件来实现它,这是我在代码笔上的代码:

请参阅 Snedden Gonsalves ( @snedden-gonsalves ) 在CodePen上 的 Pen React 教程功能组件

总结;我有一个简单的正方形组件,它绘制单个正方形,一个绘制 3x3 正方形板的父板组件和一个维护状态的总体游戏组件,如教程中的历史、当前正方形、当前回合等。我目前将方块从父游戏组件发送到板组件,如下所示:

/>

handleClick 创建新的正方形状态并将其附加到我认为应该动态传递的历史数组中,因为我还传递了数组中的最后一个条目,但看起来它根本没有将最后一个条目传递给子组件。不知道发生了什么..

谢谢你的时间。

成分:

正方形:

木板:

游戏:

0 投票
1 回答
167 浏览

javascript - TypeError:在 props.onStartGame(selectedNumber) 中,'props.onStartGame' 未定义

我正在关注 Alex Macmillian 的 Udemy COurse 上的这个模块,以了解本机反应:

在第 65 个模块中,我收到此错误:

错误截图

App.js 文件 -->

我该如何解决这个错误?

类型错误:props.onStartGame 不是函数。(IN 'props.onStartGame(selectedNUMber)','props.onStartGame' 未定义)

0 投票
3 回答
394 浏览

reactjs - 如何在使用状态挂钩更新状态时覆盖具有相同键的对象

我想在选择新过滤器时更新状态。初始状态显示我瞄准的对象结构。例如,我添加了一个过滤器选择(例如“f2”),每个过滤器的标签是固定的,所以我们可以忽略它,但值可能是“va”。这很好,但是当我想将“f2”的值更改为“vb”时,我现在在我的状态 {“f2”:“va”} 和 {“f2”:“vb”} 中有两个条目,而我宁愿第一个被第二个覆盖。

我尝试调用 setFilterValues 两次(一次将条目映射到我的条件)来解决问题,但后来我什至根本没有更新状态:

我对反应有点陌生,所以也许我没有得到更新功能组件状态的基本知识。有人可以帮我吗?谢谢你!

0 投票
1 回答
406 浏览

javascript - 如何从 React 中的高阶组件获取异步数据

如何进行 API 调用(可能是异步的)来获取数据以便能够进一步使用它。该类本身不会呈现任何内容。

我是功能组件的新手,正在尝试 - 在AppForm中获取数据并 - 将其作为参数发送给fun2()

非常感谢任何建议。代码片段会更有帮助。提前致谢。

0 投票
3 回答
1354 浏览

javascript - 在 React 中迭代表单元素数组

我有一个带有表单的 React 功能组件,onSubmit 我想遍历所有表单元素......

但是这段代码给了我一个错误......

我没有以正确的方式使用forEach吗?如果不是,那么在 React 中迭代表单元素数组的正确方法是什么?

0 投票
2 回答
38 浏览

javascript - 困惑为什么反应组件不从数据呈现

我试图弄清楚为什么我的反应组件中的某些标记没有呈现。没有错误被抛出。

我正在传递表单的组件数据:

并且 DashboardModuleComponent 如下:

控制台日志提供了正确的数据,但在以下内容之后没有标记:

我错过了什么?

0 投票
5 回答
7134 浏览

reactjs - React Slick Sync - 功能组件

React Slick 有很好的例子来说明如何让它运行,然而这个是在类组件中,任何关于如何在使其成为功能组件时修复它的想法

https://react-slick.neostack.com/docs/example/as-nav-for

问题看起来像在这里:

滑块显示但不同步,有什么想法、输入、解决方案让这个工作?

0 投票
0 回答
319 浏览

react-native - useDispatch() 和 useSelector() 没有在钩子中工作?

我正在从类转移到反应原生的钩子,但在使用带有钩子的 redux 时遇到了一些问题。

我的工作到现在

登录.js

当用户按下登录按钮时,我正在调度登录操作。但问题是应用程序卡在这里并且操作没有完成并且始终存在auth_loading

我的登录操作

我的减速机

我是否以正确的方式使用钩子?

或者如何在钩子中调度动作后等待。?

帮助将不胜感激。

谢谢

0 投票
1 回答
69 浏览

javascript - 如何在功能组件 reactJS 中获得 for 循环

我想知道是否可以得到一些帮助,我目前正在尝试重新学习 ReactJS,我正在做这个任务,这是一个可以帮助孩子们学习时间表的小应用程序。当用户单击网格中的数字时,该数字的所有倍数都会改变颜色/做某事。我目前有以下内容,但如果可能的话,我真的很感激最后一点的帮助:
我有数字映射到网格,
我有一个函数可以从我拥有的数字数组中找到你通过的任何数字的倍数通过传递,
但是我正在努力让两者相互合作,目前我拥有用户在单击网格上的数字时选择的数字的值,但我似乎无法在multipleFinder函数作为参数,它甚至不将其识别为第二个参数。我尝试将整个功能移动到功能组件中MapThis,但我不断收到错误
TypeError: Cannot read property 'length' of undefined

TypeError: Cannot read property '0' of undefined
我已经尝试移动它并更改代码,但我似乎一直收到相同的错误或没有太多响应,我已经尝试让它工作好几天了,我认为它可以可能是循环错误?/ 试图在功能组件中使用它。我不确定我是否只是在努力实现目标的错误道路,但任何帮助将不胜感激!谢谢!:)

目前我的组件文件中的所有内容:

CSS 文件:

基于您传递的第二个参数的网格和数字数组的屏幕截图