问题标签 [react-props]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
react-native - 我如何将道具从组件 A 传递到 C,而两者之间有 B?
我需要将一些道具传递给我的子组件,但是在包含道具的文件和将接收道具的文件之间有一个 tabNavigator。
例子:
Home.js:(这是保存道具的组件)
TabNavigator.js:
ChatScreen.js:(这是我需要使用从 Home.js 发送的道具的组件
这里的问题是 TabNavigator,如果两者之间有一个 TabNavigator,ChatScreen 如何从 Home 接收道具?为了清楚起见,Home 发送的道具来自 DrawerNavigator,在我的 DrawerNavigator 中,我有 Home 和 Profile 屏幕。
javascript - 是否可以使用(react router dom)发送参数
我正在使用 react-router-dom Link 将用户定向到另一个端点。我希望能够发送参数,例如当前组件道具或本地状态。
我试过这个...
道具显示为空... 道具截图
当我试图通过这样的额外参数时,我取得了小小的成功..
使用这种风格,我将它包含在这样的链接中..
在那种特殊情况下,我会在我的 Location 键中获取对象。但是,我在课堂之外定义 const,如果我这样做,我不知道如何获取本地状态。
有没有办法让我的第一种方法起作用?
谢谢!
javascript - React - 如何将带有 return 语句的函数作为道具传递
我有一个奇怪的问题让我摸不着头脑。我正在尝试从 api 获取数据并将返回的数据传递给带有 React Router 的组件(作为道具)。但是返回的数据是“未定义的”。
MyRoutes.js:
状态.js:
不知何故,问题似乎出在 getStatus 函数中。如果我在那里记录 api 的输出,我可以看到它在状态组件中记录,但是当我返回它时,它返回“未定义”。
这让我想到了一个问题,React 如何使用 return 语句作为道具来处理函数?它与传递函数而不返回有什么不同吗?还是我忽略了代码中的内容?
javascript - 组件的初始状态在第一次渲染时未更新
该组件从其父组件获取两个道具(分别是加密和加密)。
我正在启动一个状态属性selectedCrypto
,它负责显示第一个输入的值this.props.crypto
。
这个想法是,当用户单击列表中的一个密码时,它应该使用所选密码的名称呈现输入,但这不会发生。道具收到很好。我可以在组件上 console.log 它显示当前的加密,但由于某种原因,组件的状态在第一次渲染时没有得到它。
转换器组件:
reactjs - 使用 props.children 在 React 中嵌入
我有一个对话框组件,页眉、页脚和正文作为props.children
我的代码看起来像。
在 Dialog.js 中
这是通过名称(键)传递孩子的最佳方式吗?
我误用了“钥匙”吗?
react-native - 不会传播给儿童的道具
我正在为我们正在开发的应用程序添加滑动以删除功能。由于我们不使用外部库来处理它的原因,所以我自己编写它。
在我的项目中,我有一个保存状态的容器。我setState
用来更新状态,并将状态作为道具传递给这个子组件。在下面的组件中,componentWillReceiveProps
当它们发生时使用正确的值更新被调用,但是它的子组件没有接收到它的 props 的更新。如果这还不够有意义,或者您需要查看更多代码,请告诉我。我只包含了我认为相关的代码部分,因为这是一个私人项目。
然后,在渲染函数内部:
提前感谢您的帮助。
编辑:我正在使用以下代码在父组件中设置状态:
我最初没有包含它,因为componentWillReceiveProps
正在调用来自父组件的正确状态更改。
编辑 2:我的应用程序这部分的应用程序层次结构如下:
javascript - 如何在 Reactjs 中访问组件的 defaultProps 中的状态
我需要获取defaultProps
类的要访问的组件的状态,这是我的代码:
{this.state.password}
抛出错误,因为它在类之外。我如何获得状态password
并将其传递到内部Headcomponent.defaultProps
?
javascript - 在子组件中访问父组件的状态?
我是反应 js 的新手,我需要获取组件的状态以供另一个类访问,我遇到了这个问题,因为我正在使用原子设计,因为在一个组件中编写所有内容都变成了一个问题,这里是我的代码: Headcomponent:
表单.js
LabeledInput.js(我需要传递密码的状态)
如何访问 headComponent 的状态LabeledInput
?
reactjs - 为什么我的组件没有有效地接收道具?
我不断收到一条消息,说我试图通过道具访问的项目未定义。你能告诉我为什么它不起作用吗?
这里是道具试图通过的实例......我特别谈论的是tellus和yourTrial道具。
这是我试图在孩子身上显示这些值的地方......在两个 h2s 中朝向顶部
javascript - React jsx没有向元素添加事件监听器
我有一个 react-redux 应用程序,它需要一个有条件的部分。即,它可以是具有特定类名的 div,也可以是具有相同类名的 div 和触发动作的 onClick 处理程序。所以我创建了一个根据上述条件返回 jsx 的函数。现在的问题是 onClick 没有像我预期的那样被添加到道具中,但是 className 工作正常。
我期望它是什么
Rect 开发工具显示的内容
不知道我哪里错了。
编辑1:该函数被错误地写在课堂之外。