问题标签 [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 回答
678 浏览

javascript - ReactJS 更新状态未作为道具实时传递给子组件

这些是我的App.js。在这里,我有一个基本的注册/登录功能,但问题是this.state.err登录或注册中生成的错误在 App.js 中更新了我通过记录它的值来验证它,但是当我将它 <Splitwise />作为道具传递给它时,该值是初始状态集在构造函数中!

我已经尝试过使用这两种情况,结果是一样的this.state.errthis.err.no

所有其他状态signupLoginlogged行为完全符合预期我知道更新状态是异步的。在 ReactJS 中。那么,我该如何解决呢?

0 投票
1 回答
15244 浏览

reactjs - 如何在 react-native 中为特定组件传递样式道具

我尝试为其创建一个具有特定样式的按钮。我有超过 3 个属性,例如 justifyContent、alignItems、backgroundColor 和 height。我想将另一个组件的样式传递给它,以便按钮的 backgroundColor 属性发生变化。

我的代码:

在这里,buttonStyle 没有应用到按钮上,而是只应用了 backgroundColor 属性。有什么帮助吗?

谢谢。

0 投票
1 回答
527 浏览

image - 如何为本地存储在 react-native 中的图像传递 prop

我试图在 react-native 组件的 IMAGE 标记中为“require”传递一个道具。但是,它显示错误“服务器代码错误 500”。如果我使用 URI 传递链接,它与道具一起使用。

在职的 :

需要修复:

0 投票
2 回答
209 浏览

javascript - 将变量传递给循环调用的异步 JavaScript 函数 (React)

我正在为我的 React 项目编写一些 JavaScript 代码。代码加载一系列图像,然后使用每个图像的尺寸更新状态。问题是当我调用onload函数时,this关键字是指附加到onload. 这意味着我不能再通过this.props. 有没有办法将道具传递给函数?

这是我的代码:

我目前收到一个错误,this.props未定义,因为this在函数中引用 imgArray[i],而不是全局上下文。

0 投票
2 回答
242 浏览

javascript - 使用 StackNavigator 时未定义道具

我是 React Native 的新手,StackNavigator在 React-Native 中使用组件时遇到了未定义道具的问题。

我花了几天时间寻找我的问题的答案,但没有找到解决问题的合适方法。

问题在于将道具传递给子组件,它们是未定义的,但是,除了这些步骤之外,我遵循的教程没有做任何其他事情。

这是我的应用程序的屏幕和代码

在此处输入图像描述

在我的 LoginScreen 中点击绿色按钮时,预期结果是导航到我的 MainScreen,但结果是“道具未定义”

在此处输入图像描述

如果有人可以帮助我解决这个问题并帮助我找出问题所在,我将非常感激!

我的代码:

应用程序.js 文件

Login.js ,这个组件描述了我的登录页面。它还呈现组件 LoginForm,我在其中描述 InputText 和 TouchableOpacity,其中我有 onPress 方法,它必须将我导航到 MainScreen

登录表单.js

0 投票
1 回答
4109 浏览

reactjs - 为什么子组件中的反应道具为空?

我有子菜单:

我将这个菜单包含在父级中,如下所示:

当调用子组件 TopMenuPage 的构造函数时,props 为空。为什么?

输出为:{} {}

我不明白为什么。我需要从道具中读取 url。

感谢您的任何帮助。

0 投票
2 回答
1269 浏览

javascript - 将两个道具从父组件传递给子组件会导致父组件未定义

在我的 react redux 项目中,我试图将道具从子组件传递到父组件。更具体地说,我想将两条信息传递给父容器:产品和计数器,这两条信息都打算在函数内部使用,如下所示:

我的问题是:在 addProductToBasket 函数中无法识别计数器,我收到以下错误消息:

未捕获的 ReferenceError:未定义计数器

为什么这里没有定义计数器,我怎样才能在这个函数中正确使用它?

这是相关的父容器代码:

和子组件代码:

0 投票
1 回答
270 浏览

javascript - 传递返回未定义的道具

主要成分

链接组件

我一定错过了一些非常简单的东西,但我有我的主要组件,这个 react-router 渲染了我的链接组件。这一切都正确连接,因为当我hello world渲染它时显示出来。现在我试图传递项目似乎无法显示它们。它一直说它无法读取未定义的地图。有任何想法吗?

0 投票
2 回答
601 浏览

reactjs - 如何在 React 中使用 props 验证参数

我正在使用代码this.props.params.key从 url 读取参数,参数名称是key.来自 ESlint 我得到的。

[eslint] 道具验证中缺少“参数”(反应/道具类型)

如何解决此警告?如何验证道具中的参数?

对于来自道具的验证变量,例如this.props.size我正在使用:

对于参数?

谢谢你的帮助

编辑:参数中的键是 MD5 哈希。

0 投票
1 回答
117 浏览

javascript - State.data 未在反应本机的导出功能中更新?

我有一个从 firebase 数据库中检索数据并更新状态对象的基本组件。然后我尝试将 this.state.data 传递给导出函数以查看数据库中的数据,但它会抛出未定义的数据错误(因为数据中没有任何内容)。

简单页面

但显然,在 SimplePage 中 state.data 是未定义的。

任何人都可以帮助我如何将更新的 state.data 传递给 simplePage。

谢谢