9得票2回答
在React中使用过多的useState钩子。我该如何重构?

useState钩子非常好用。我主要使用useState钩子来初始化某些状态,并将该函数传递给子组件以改变状态。然而,我意识到我在父页面组件中开始使用太多的useState钩子。这看起来感觉不对,因为我在父页面组件中有大约6-10个useState钩子。 除了展示代码外,有没有更好的方法来做这...

10得票2回答
React:useCallback返回值是否合适,或者这是一个不好的模式?

我有一个名为filterContactsByValue的函数。它是柯里化的,接收一个值和一个联系人列表,然后根据该值过滤列表并返回(新的)过滤列表。 由于该列表通常很大(10,000多个条目),Web应用程序应在智能手机上运行,并且过滤器考虑到许多值,我想优化计算资源。因此,我使用useDe...

25得票2回答
React Hook Form: 提交包含嵌套组件的表单或提取嵌套组件的字段以进行提交

我有一个表单,其中包含多个组件(每个组件都是函数式或类组件),其中包含多个输入字段或单选按钮。当我提交表单时,我要么希望提交嵌套在组件中的字段以及表单数据,要么我应该能够提取字段数据,然后再提交它们(不确定哪种方法最好以及为什么?)。我如何实现这个目标? 代码:import React fro...

23得票6回答
Pressable按键设置了borderRadius后,效果会在角落处波及扩散。

我在查看这份文档pressable docs后,使用Pressable来创建按钮。 现在,我希望给按钮添加涟漪效果,但是它没有正常工作。 <Pressable android_ripple={{color: 'red', borderless: false...

15得票4回答
如何在React Native中使用Iframe?

我正在尝试寻找在React Native应用中添加Iframe的方法。 我找到了react-iframe,但它对我没有起作用。 我按照文档操作,只是导入了react-iframe并复制了Iframe标签来使用。 我的结果就像下面的图片那样: 我需要其他方法在React Native应用中使用...

13得票2回答
使用React hooks将setState传递给子组件

我想知道将setState作为属性传递给子组件(哑组件)是否违反了任何“最佳实践”,或者会影响优化。 这里有一个例子,其中父容器将state和setState传递给两个子组件,在这个例子中,子组件将调用setState函数。 我没有在子组件中显式调用setState,它们引用一个服务来处理...

19得票1回答
React库中的上下文(context)和更新器(updater)参数是什么?

我试图通过React库来理解React,但是在传入组件的context和updater方面无法理解。 以下是库中的代码:function Component(props, context, updater) { this.props = props; this.context = c...

7得票1回答
React开发工具能让我修改哪些组件状态?

我有一个组件,其中包含一个对象,该对象包含一个对象数组,而这些对象又具有键和字符串。 this.state = { dinosaurs: [ { era: "jurassic", name: "diplodocus", diet: "herbivore" }, { era...

7得票7回答
在React中,“父组件”的定义是什么?

在React中,“父组件”指的是包含一个或多个子组件的组件。 const A = () => { return ( <B> <C/> </B> ); } A 是 C 的父级吗? B 是 C 的父级吗? 跟进:...

8得票2回答
当打包自定义库时,Webpack会生成[hash].worker.js文件。

我正尝试创建一个可重用的React组件库,供我们内部使用。 Webpack正在打包输出-应该是一个单独的文件。但实际上,它除了我期望的bundle.js之外,还会生成一个名为[some_hash].worker.js的文件。 我不确定如何强制Webpack将这个"worker"文件与我要求...