如何检查React组件是否需要一个属性？

文章/答案/技术大牛

发布

1回答

reactjs

我正在尝试将各种组件包装在一个Modal中，它将把closeModal属性传递给任何支持它的子类。目前，我正在遵循并使用JS属性closesModal来通知父对象应该传入closer方法，即： this.props.children, child) 这是一种实现我想要的东西的公平方法吗?

浏览 5提问于2017-06-28得票数 1

回答已采纳

1回答

React:在react类组件中，是否应该使用!==将nextState与currentState进行匹配

reactjs、components、state

我有一个关于react类组件的问题。我知道functional component是使用react时的最新技术。通常，如果我需要在ShouldComponentUpdate中检查当前状态/属性和下一个状态/属性，以决定组件是否应该根据检查进行更新。在与数组或对象进行比较时，我应该使用clonedDeep还是!==是浅层检查。

浏览 1提问于2021-03-18得票数 1

1回答

React/类型记录中具有forwardRef属性的类型检查

reactjs、react-typescript、react-forwardref

我很难在类型记录中进行类型检查，以便为使用forwardRef并具有...rest属性的React组件工作。示例： label: string, <input id="field" ref={ref} {...rest} />

浏览 4提问于2022-06-22得票数 2

回答已采纳

1回答

React:检查JSX元素是否派生自特定类

javascript、reactjs、typescript

我正在使用TypeScript，并希望检查一个JSX.Element实例是否是另一个React组件的子类。例如，如果我有一个Vehicle组件和一个扩展它的Car组件，然后给定一个从Car组件创建的JSX.Element，我想知道它的React组件类是否是从某个组件派生的。Car) // S

浏览 1提问于2018-02-08得票数 1

2回答

编写优化的React功能组件

reactjs

据我所知，当需要重新渲染或有任何状态更新时，整个React功能组件都会重新运行，那么如何正确管理这些函数中的状态？如果你不想在函数每次重新运行时都重新创建它，那么让它空出事件处理程序这样的成员是否很重要？对于编写优化的功能组件，是否有某种最佳实践？

浏览 0提问于2019-08-31得票数 0

4回答

为什么ReactJS组件必须像纯函数一样工作？

reactjs、pure-function

文档中说，所有的React组件都必须像它们的道具一样运行。，但没有解释它背后的真正原因，为什么呢？

浏览 20提问于2017-02-02得票数 7

2回答

如何键入反应性组件定义？

typescript、reactjs

我试图静态地键入一个反应性组件的道具。在包含之后，我定义了一个名为component的React.createClass的类型化变体。);当我用注释定义Label组件时，说明它需要一个text字符串支柱， render:({ return React.DOM.d

浏览 9提问于2014-08-10得票数 5

回答已采纳

1回答

使用大对象反应更新状态

javascript、reactjs、object

我需要在React.js中使用大型对象的建议。示例：const [myObject, setMyObject] = React.useState({ id: 1575567015473, block_type

浏览 0提问于2019-12-06得票数 0

2回答

针对特定的this.props.children子对象

javascript、reactjs

我有一个<Panel />组件，结构如下： : {children} </div> }它基本上只是一个包装器组件，通常包

浏览 4提问于2016-03-29得票数 1

回答已采纳

1回答

如何获取渲染组件的道具

react-native-testing-library

想象一下，我有一个react本机组件：<View></View>)我没有找到在其他类似

浏览 16提问于2019-11-02得票数 0

1回答

React和Redux:将父组件作为道具传递给它的子组件是否有任何性能问题/可能的副作用

javascript、reactjs、design-patterns、redux

我正在审查React-Redux代码库中的一些代码，在相当多的情况下，父智能组件被作为道具传递给子组件：import Child from '..render() { }乍一看，这里的意图似乎是将父组件的属性/状态/方法公开给子组件。这

浏览 0提问于2018-05-09得票数 2

2回答

React.js:如何定义默认属性函数？

javascript、reactjs

我的组件使用一个函数来呈现一些内部文本。我希望允许我的组件的所有者提供一个自定义函数作为属性。如果没有提供自定义属性，组件将使用自己的默认函数。因此，我自然而然地转向getDefaultProps，如下所示： renderText: React.PropTypes.func };我可以通过检查是否定义了this.props.renderText并在<e

浏览 0提问于2015-05-21得票数 3

回答已采纳

1回答

如何知道函数组件中的“子”属性组件类型？

reactjs

我希望在组件的子级中动态分配属性。例如:我想检查在这里的子类中传递的组件是否为Second类型，在这种情况下，添加一个"prova“prop export const First: React.FC<PropsWithChildren<(children, (child) => { if(child.type === &

浏览 2提问于2020-08-20得票数 0

2回答

是否有任何反应-本机样式的流类型定义？

react-native、flowtype

我正在制作一个react本机组件，并使用Flow来定义如下所示的属性类型： text: string,}textStyle: TextStyle 现在，Flow可以检查textStyle值是否只包含文本组件样式允许的键。我看到了Typ

浏览 3提问于2017-01-21得票数 13

2回答

react如何决定重新呈现组件

reactjs、redux、react-redux、react-lifecycle-hooks

我知道React有一个名为shouldComponentUpdate的生命周期方法，它默认返回true，这也是组件决定更新的方式但是，当组件的状态或属性发生变化时，如何调用该生命周期方法呢？当我们将一个组件连接到redux state和mapStateToProps时，我们是否会检查组件内部的值是否发生了变化？如果不是，当我们在寻找状态或道具的变化时？当属性或状

浏览 0提问于2019-07-11得票数 4

1回答

在shouldComponentUpdate中使用下划线/存档值得吗？

javascript、reactjs

我的项目中有一种情况，我需要检查道具是否相等，以防止冗余调用呈现方法并提高性能。问题是我不能使用React.PureComponent，因为属性没有平坦的结构。_.isEqual(newConfiguration, configuration);是否值得使用存档/下划线isEqual方法来检查React组件中属性的相等性？它的应用性能显著下降？这个问题的最佳解决方案是什么(我不能改变属性</

浏览 0提问于2018-03-19得票数 0

4回答

如何通过react-redux连接使用React.memo？

javascript、reactjs、redux、connect

有人知道在使用react-redux中的connect函数时，如何用React.memo包装React组件吗？); mapStateToProps,)(Button);let Button = React.memo}</button> mapStat

浏览 295提问于2018-10-26得票数 32

回答已采纳

1回答

根据React* Hooks中父组件的不同更改，更改子组件的不同属性？*

javascript、reactjs、react-hooks

假设我有一个父组件和两个传递给子组件的属性(propA和propB)。propA每隔一段时间更改一次，并且更频繁。仅当用户执行特定操作时才使用propB。子组件现在应该有条件地检查propB是否更改，子组件的所有属性都需要重新呈现。但是，当propA更改时，只有子组件的特定属性应该更改，而其他属性应该保持不变(由于性能原因)。目前，我在我的子组件

浏览 1提问于2020-03-05得票数 1

1回答

如何在flow中键入check一个类似Redux的connect()函数

javascript、reactjs、flowtype

所以我正在做一个项目，我基本上写了我自己的Redux版本，我试图做一些非常复杂的输入，但我不确定Flow是否有能力处理它。也许我做错了什么，但如果我能让它工作，那将是非常优雅的。, { PureComponent } from 'react'; import type { Store } from '.，如果我在组件C上调用这个函数，那么它将计算C的属性，并检查以确保传递到组件中的属性和来自mapStateToProps

浏览 2提问于2017-09-16得票数 0

2回答

当整个组件的属性发生变化时，应对其进行反应

reactjs

this.handleChange(e)}/> <B paramA={this.state.paramA}></B> </div>);} 它是如何工作的如果您注意到，为了更新属性中的更改，react需要计算"render“方法。这将导致整个组件更新，而不是真正更改的小部件(请检查gif，

浏览 0提问于2017-09-12得票数 4

点击加载更多