当前位置: 首页 > 知识库问答 >
问题:

理解React中的道具概念

莫选
2023-03-14

当我学习React时,人们总是说您应该在父组件中保留您的状态,并将它们作为道具传递给其子组件。

但在现实世界中,每当我开始构建react应用程序时,我最终会将数据从子组件传递给其父组件。

例如,如果我必须在react应用程序的某个地方实现一个表单,我就为它创建一个额外的组件(例如FormComponent)并将其导入到应用程序组件中。

共有1个答案

景令秋
2023-03-14

您不能将数据从子级传递到父级,因为在React中,数据会向下流动。

因此,通常您将回调从父级传递给其子级,但状态保留在父级中。

这通常被称为“自顶向下”或“单向”数据流。任何状态总是由某个特定的组件拥有,从该状态派生的任何数据或UI只能影响树中“低于”它们的组件。

 类似资料:
  • 我在 时,我将收到以下YellowBox警告。 警告:失败的proType:无效的prop类型的提供给,的预期实例。检查DatePickerIOS的渲染方法。 警告:失败的propType:未在中指定所需的prop。检查的渲染方法。 警告:propType失败:提供给的类型为的prop无效,应为

  • yarn:/jɑ?n/,纱线,奇谈,故事。 Yarn为Node.js平台的代码包管理器。类似于知名的npm包管理器,实际是npm客户端。 特点:快速、安全、可靠。1、离线模式:依赖包只要被装过一次,就会被缓存到本机,再次安装时直接从缓存中读取。2、高确定性:无论安装顺序如何,同样的依赖包都将会以完全一样的方式安装。3、网络性能优异:将请求高效队列化, Yarn可以将安装时间从数分钟减少至几秒钟。Y

  • 在react中,您可以设置进入组件的道具的道具类型。对于我的一个道具,我希望值为null或一行JSX。React文档没有涵盖JSX应该使用的propType。 在测试时,我发现它在使用对象或元素的propTypes时不会抛出错误。当使用另一个符号(如符号)时,我会得到一个错误,表示它是一个对象。如果它是一个对象,当它是一个元素时,它肯定会抱怨。 JSX的正确类型是什么?

  • 本文向大家介绍react-native 道具类型,包括了react-native 道具类型的使用技巧和注意事项,需要的朋友参考一下 示例 该prop-types包允许您向组件添加运行时类型检查,以确保传递给组件的道具类型正确。例如,如果不将aname或isYummyprop传递给下面的组件,它将在开发模式下引发错误。在生产模式下,不进行道具类型检查。定义propTypes可以使您的组件更具可读性和

  • 问题内容: 我正在用react-router进行反应。我正在尝试在react-router的“链接”中传递属性 “链接”呈现页面,但不将属性传递给新视图。下面是查看代码 如何使用“链接”传递数据? 问题答案: 此行缺失: 应该: 鉴于以下情况 (过时的v1) : 自v4起最新 : 并在组件中: 从您在文档上发布的链接,朝页面底部: 给定一条路线 使用一些存根查询示例更新了代码示例: 参见:http

  • 在JSX中,如何从引用的属性值中引用来自的值? 例如: 生成的HTML输出为: