问题标签 [react-props]

我正在做一个 react-native 项目，我在访问对象数组中的元素时遇到了麻烦，方法是将它作为我希望使用的道具传递。要求是获取 name 属性并将其设置为平面列表中的文本。

我的对象数组的结构如下。

这就是如何将此对象数组作为我希望使用的道具传递

这是我希望使用它的地方

我怎样才能做到这一点？

我有一个名为 Friends 的道具，它被列为复选框（默认值：未选中）。

示例输出：

o 鲍勃·史密斯

o 汤姆布朗

如何保存所有选定名称的 ID？

例如，两者都被勾选/选中-> ids 1 和 2 被存储。

这是我到目前为止所拥有的：

我在我的应用程序中使用了道具，这些道具是通过以下方式获取的：”

然后在componentDidmount()中：

当用户新登录应用程序时，所有数据都在那里，您可以使用该应用程序。但是，当您（意外）刷新时，控制台会显示以下错误：

无法读取未定义的属性“subscriber_id”

我似乎无法找出原因。有什么建议么？

上面的代码按预期工作并存储所有正确的值。但是我想将friendsInEvent []移到字段{}中。看起来像：

我怎样才能做到这一点？我尝试过的所有操作都会破坏 handleChange(e) 函数或用 FriendsInEvent 数组覆盖字段{}。

我假设在 this.state.field 中移动数组后，我必须更改 handleChange(e) 函数中的值？

另外，有没有办法合并我的两个函数 setter 和 handleChange(e)？我将它们分开，因为它们处理两种不同的类型（字符串和数组）。

谢谢。

我有一个名为Friends的道具，它看起来像：

我如何只能从中映射某些索引？下面映射整个列表并打印出 firstName 和 lastName。

但是，我只想将条目映射到特定值。我有另一个名为Event的道具，其中包含一个名为friendsInEvent的列表，其中仅包含朋友的 ID。

我可以再次使用以下方法打印出来：

如何将两者合并在一起并映射friendsInEvent的名字和姓氏？还是再次存储 firstName 和 lastName 更容易？

我正在尝试根据我将用户链接到的 url 创建一个按钮/图标组件更新图标图像。例如，我有一个电影对象，我想将用户链接到 imdb 和烂番茄。我希望该组件在链接烂番茄深层链接时显示烂番茄图标，并在链接 imdb url 时显示 imdb 图标。

我正在从数组中渲染数据。例如：

如何将数据从对象拉到两者，以便呈现数据？

我正在努力让 PayPal Checkout 在 React-Redux 应用程序中工作；具体来说，我可以付款，但是当付款成功时，我无法调用作为道具传递的函数，以便我可以通知我的后端 API 付款已处理。

以下是相关代码：

我正在努力解决的部分是 onAuthorize 函数，它应该调用 finishPayPalPayment，它将 axios 请求分派到我的后端，以及其他一些本地 redux 操作。

任何帮助将不胜感激

我正在尝试将风格传递给孩子，我的代码是：

我收到此错误：

我正在使用 Contentful 开发 GatsbyJS 项目，并创建了一个模板“BlogPost”。在这个模板中，我导入了一个“ResearchSlider”组件。但是，图像根本不显示。

我已将图像 url 数据作为道具传递给 researchSlider，然后将其放入组件状态中，并用于将每条图像数据传递到“幻灯片”子组件的函数中，使用 for 循环. 在 'Slide' 中，图像数据块用作 div 样式中 backgroundImage 的值。

我想了解它们为什么不显示以及如何解决此问题。

这是相关的代码。

ResearchSlider 组件：

“幻灯片”组件：

从“反应”导入反应；

这是检查的截图：

react 的官方文档（https://reactjs.org/docs/react-component.html）说 props 的更新会导致孩子被更新，但在我的代码中并没有发生。我错过了什么吗？

我创建了一个父组件 (Y) 和一个子组件 (X)。父母将 currentTime 作为道具传递给孩子。即使在 3 秒后父项中的 props 发生变化（由于 setTimeout），子项中 h2 标记中的值也不会改变。

我在 react 的官方页面（https://reactjs.org/docs/react-component.html）上发现“更新可能是由 props 或 state 的更改引起的。” （我在下面的官方网站上附上了屏幕截图以及文本）此外，我发现“这些方法在重新渲染组件时被调用：”

但在我的情况下，道具的变化不会导致孩子中 h2 标签中的值发生变化。官方文档说 props 的更新会导致 child 被更新，但在我的代码中并没有发生。我错过了什么吗？

我在这里粘贴了我的代码以供参考。

截图： https ://prnt.sc/i8kvaw

更新：Shubham Khatri 的评论“只有当父母重新渲染时，孩子的道具才会改变”，真的帮助我理解了。:)