问题标签 [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.

0 投票
1 回答
42 浏览

react-native - 我如何将道具从组件 A 传递到 C,而两者之间有 B?

我需要将一些道具传递给我的子组件,但是在包含道具的文件和将接收道具的文件之间有一个 tabNavigator。

例子:

Home.js:(这是保存道具的组件)

TabNavigator.js:

ChatScreen.js:(这是我需要使用从 Home.js 发送的道具的组件

这里的问题是 TabNavigator,如果两者之间有一个 TabNavigator,ChatScreen 如何从 Home 接收道具?为了清楚起见,Home 发送的道具来自 DrawerNavigator,在我的 DrawerNavigator 中,我有 Home 和 Profile 屏幕。

0 投票
0 回答
625 浏览

javascript - 是否可以使用(react router dom)发送参数

我正在使用 react-router-dom Link 将用户定向到另一个端点。我希望能够发送参数,例如当前组件道具或本地状态。

我试过这个...

道具显示为空... 道具截图

当我试图通过这样的额外参数时,我取得了小小的成功..

使用这种风格,我将它包含在这样的链接中..

在那种特殊情况下,我会在我的 Location 键中获取对象。但是,我在课堂之外定义 const,如果我这样做,我不知道如何获取本地状态。

有没有办法让我的第一种方法起作用?

谢谢!

0 投票
0 回答
34 浏览

javascript - React - 如何将带有 return 语句的函数作为道具传递

我有一个奇怪的问题让我摸不着头脑。我正在尝试从 api 获取数据并将返回的数据传递给带有 React Router 的组件(作为道具)。但是返回的数据是“未定义的”。

MyRoutes.js:

状态.js:

不知何故,问题似乎出在 getStatus 函数中。如果我在那里记录 api 的输出,我可以看到它在状态组件中记录,但是当我返回它时,它返回“未定义”。

这让我想到了一个问题,React 如何使用 return 语句作为道具来处理函数?它与传递函数而不返回有什么不同吗?还是我忽略了代码中的内容?

0 投票
1 回答
223 浏览

javascript - 组件的初始状态在第一次渲染时未更新

该组件从其父组件获取两个道具(分别是加密和加密)。

我正在启动一个状态属性selectedCrypto,它负责显示第一个输入的值this.props.crypto

这个想法是,当用户单击列表中的一个密码时,它应该使用所选密码的名称呈现输入,但这不会发生。道具收到很好。我可以在组件上 console.log 它显示当前的加密,但由于某种原因,组件的状态在第一次渲染时没有得到它。

转换器组件:

网络应用程序:https ://crypto-waatch.herokuapp.com/

代码:https ://github.com/jorgeduardos/CryptoPrices

0 投票
2 回答
716 浏览

reactjs - 使用 props.children 在 React 中嵌入

我有一个对话框组件,页眉、页脚和正文作为props.children

我的代码看起来像。

在 Dialog.js 中

这是通过名称(键)传递孩子的最佳方式吗?

我误用了“钥匙”吗?

0 投票
1 回答
265 浏览

react-native - 不会传播给儿童的道具

我正在为我们正在开发的应用程序添加滑动以删除功能。由于我们不使用外部库来处理它的原因,所以我自己编写它。

在我的项目中,我有一个保存状态的容器。我setState用来更新状态,并将状态作为道具传递给这个子组件。在下面的组件中,componentWillReceiveProps当它们发生时使用正确的值更新被调用,但是它的子组件没有接收到它的 props 的更新。如果这还不够有意义,或者您需要查看更多代码,请告诉我。我只包含了我认为相关的代码部分,因为这是一个私人项目。

然后,在渲染函数内部:

提前感谢您的帮助。

编辑:我正在使用以下代码在父组件中设置状态:

我最初没有包含它,因为componentWillReceiveProps正在调用来自父组件的正确状态更改。

编辑 2:我的应用程序这部分的应用程序层次结构如下:

0 投票
2 回答
1460 浏览

javascript - 如何在 Reactjs 中访问组件的 defaultProps 中的状态

我需要获取defaultProps类的要访问的组件的状态,这是我的代码:

{this.state.password}抛出错误,因为它在类之外。我如何获得状态password并将其传递到内部Headcomponent.defaultProps

0 投票
5 回答
2830 浏览

javascript - 在子组件中访问父组件的状态?

我是反应 js 的新手,我需要获取组件的状态以供另一个类访问,我遇到了这个问题,因为我正在使用原子设计,因为在一个组件中编写所有内容都变成了一个问题,这里是我的代码: Headcomponent

表单.js

LabeledInput.js(我需要传递密码的状态)

如何访问 headComponent 的状态LabeledInput

0 投票
0 回答
59 浏览

reactjs - 为什么我的组件没有有效地接收道具?

我不断收到一条消息,说我试图通过道具访问的项目未定义。你能告诉我为什么它不起作用吗?

这里是道具试图通过的实例......我特别谈论的是tellus和yourTrial道具。

这是我试图在孩子身上显示这些值的地方......在两个 h2s 中朝向顶部

0 投票
3 回答
143 浏览

javascript - React jsx没有向元素添加事件监听器

我有一个 react-redux 应用程序,它需要一个有条件的部分。即,它可以是具有特定类名的 div,也可以是具有相同类名的 div 和触发动作的 onClick 处理程序。所以我创建了一个根据上述条件返回 jsx 的函数。现在的问题是 onClick 没有像我预期的那样被添加到道具中,但是 className 工作正常。

我期望它是什么

Rect 开发工具显示的内容

不知道我哪里错了。

编辑1:该函数被错误地写在课堂之外。