在React组件中传递stringified对象作为属性比普通的JavaScript对象更好吗？

文章/答案/技术大牛

发布

2回答

javascript、reactjs

我只关心，我知道当道具改变时，组件将被重新渲染。React无法对传递给props的新旧对象执行深度比较，因此： { key: 'value' }和{ key: 'value' }总是不同的，并导致重新渲染。像这样将对象传递给道具怎么样： <Component smth={JSON.stringify({ key: 'value' })}/> 它是一个字符串，所以反应能有效

浏览 20提问于2020-04-16得票数 3

回答已采纳

2回答

useRef()的优点是什么，而不是仅仅声明一个变量？

reactjs、react-hooks

通过查看钩子、文档和一些博客，我们了解到在使用useRef()时，我们存储了一个可变的值。但是，useRef()比ref属性更有用。在类中保持与使用实例字段类似的任何

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

回答已采纳

3回答

从组件的“样式”支柱中获取CSS属性值

react-native

我正在为库编写，我希望用户能够使用style属性对其进行样式化，就像React.View和其他内置组件一样。但是，由于我的组件实际上是由几个嵌套视图组成的，所以我需要做一些计算来确定内部视图的样式。例如，我可能需要根据周围边框的厚度来调整图像的大小，或者根据给定的文本颜色调整高亮颜色，或者以其他方式从另一段样式中推断出某种样式。要做到这一点，我需要能够从作为borderWidth

浏览 3提问于2016-01-03得票数 16

回答已采纳

3回答

将对象数组发送到React组件的最佳实践？

reactjs、redux、react-redux

在React中，假设您有一个要显示列表的组件。编辑:为了澄清，我指的是键，就像在对象的ID字段中那样(而不是谈论在呈现中用于标识的键)。在一个更复杂的应用程序中

浏览 3提问于2019-09-16得票数 1

1回答

Handlebars.js:将对象属性作为Ember.js组件属性传递

javascript、ember.js、handlebars.js

我希望将对象的属性作为组件的属性传递。 {{dynamic-table-column column=column}} {{/e

浏览 3提问于2015-09-07得票数 1

回答已采纳

1回答

React如何在没有import语句的情况下从不同的组件导入对象？

javascript、reactjs

我目前正在学习React.js。如果要在不同的.js文件中使用某个组件，则需要将该组件导入到正在处理的文件中。但是，当我创建一个简单的网站时，我不需要将App.js内部的对象导入到我正在处理的文件中。我不知道为什么我们不需要明确指定这一点。如果我们不导入，React怎么知道我指的是什么呢？以下是结果和每个组件的屏幕截图。这条红点线代表了我所说<

浏览 35提问于2021-10-24得票数 0

回答已采纳

1回答

反应:通过道具将一个组件传递给另一个组件可以吗？

javascript、reactjs

如果我有一个组件，例如，呈现如下内容的<Foo />： <Bar /></div>render() { return ( <d

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

1回答

React中的prop参数来自哪里？

reactjs

在react中，您可以声明一个函数或类组件，并在其中使用prop对象来提高代码的可重用性。然而，我似乎不能弄清楚这个道具论点本身是从哪里来的。function Welcome(props) {} 或 class Welcome extends React.Component, {this.props.name}</h1&g

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

回答已采纳

2回答

不可变vs. javascript数组，对象-什么是正确的平衡？

javascript、reactjs、redux、immutable.js

我正在使用react，redux，immutable来构建我的堆栈。我的redux存储是用不可变的映射、列表构建的。然而，在react组件级别，更容易操作普通的js数组和对象。那么平衡是什么呢？对于所有组件和传递回reducer的数据，状态中的不可变对象是否应该转换为常规j

浏览 0提问于2016-06-02得票数 2

2回答

用于antd表的分页道具

javascript、reactjs、pagination、antd

我使用的是antd库中的Table组件。我想将分页属性传递给Table组件。在文档中，它说传递分页配置对象，该对象引用分页组件本身。因此，我使用分页组件属性名称作为键来传递分页对象，比如<Table pagination={{pageSizeOptions : [&#x

浏览 2提问于2018-03-10得票数 7

1回答

反应功能组件是常规函数还是构造函数？

javascript、reactjs、object

</div>}function MyComponent() { //... const object = new

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

3回答

如何快速地将道具转移到最深的组件？

reactjs

我在服务器上渲染React。我有一个由三个组件组成的公用链。我需要将一个units对象(就是普通的js对象{name: 'example.com'})从最外层的组件<Foo />传递到链中最深的组件<FooBox />。现在，我必须将我的unit对象作为<

浏览 12提问于2015-12-18得票数 1

1回答

如何有效地将Map的Immutable.js列表转换为纯js对象数组，以便在React组件中使用？

javascript、reactjs、redux、react-redux、immutable.js

label: "State", value: "STATE" }, ... } 第三方库react-select维护Select元素的props作为对象数组传入，因此我认为在某个时刻将上述结构转换为它们的普通javascript等效物是有意义的</e

浏览 27提问于2017-02-08得票数 0

1回答

React Native的JavaScript中类声明语法之间的差异

javascript、reactjs、react-native

在JavaScript中为React Native创建一个类有什么区别，如下所示： return</View> } return (

浏览 1提问于2015-10-05得票数 0

2回答

在react中解析子道具

html、reactjs、jsx

我有两个组件，一个是单板组件，另一个是正方形组件当我把道具从一个盒子传到另一个方格的时候，奇怪的事情发生了。主板组件的代码为 import React from "react"; <Square value={9} /> &l

浏览 21提问于2021-07-25得票数 0

1回答

function TypeError: x.method()不是函数

javascript、reactjs、react-hooks、typeerror

我有这样的代码，它创建了一个播放器组件，其中包含setSpell方法。class Player extends React.Component { super(props); newSpellsArray.push(spell); } 在另一个功能组件

浏览 2提问于2022-10-29得票数 1

1回答

一旦构建了React项目，道具会发生什么？

javascript、reactjs、state

我正在React中构建一个项目，遇到了一个我不知道如何解决的问题，因为从概念上讲，它超出了我的能力范围。然后使用该日期状态来更新时间线栏，该时间线栏显然需要是当前状态才能使时间线前进。

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

1回答

React回调返回非可迭代实例

javascript、reactjs、antd

我在React中使用ant-desing(v3.26.14)列表组件。通常，如果我尝试将普通数组传递给'dataSource‘属性，那么一切都是正常的。但是，当我试图通过回调传递数组时，它给出了错误。someArray} /> //is fine <List dataSource={() => someArray} /> //getting error 错误：

浏览 23提问于2021-11-22得票数 0

回答已采纳

1回答

尽管React不允许对象作为子对象，但我的代码清楚地说明了不同的情况

reactjs

所以我遇到了这个奇怪的行为，我尝试使用对象setState，它只是在某些情况下失败了。例如，这是可行的， userClaimAmount => { this.setState({ total: bettin

浏览 3提问于2018-10-31得票数 0

2回答

在React中使用绑定到来自LitElement的属性

javascript、reactjs、web-component、lit-element

我有一个使用litElement构建的web组件库。我们在React项目中使用这些组件，并且使用一些属性绑定属性特性遇到了问题。使用以下语法时，React将引发错误。属性绑定示例在这里可以看到是否有一种方法可以在带有前缀的React应用程序中使用这些属性绑定。或者"?“我目前知道，我们可以使用JSON.stringif

浏览 5提问于2021-02-15得票数 0

回答已采纳

点击加载更多