问题标签 [react-props]

我是 React 新手，请记住这一点。

我见过很多人对“this”关键字的绑定有问题，我想我做对了，但是我仍然收到错误“无法读取未定义的属性'props'”。

我的 React+Redux 应用程序做错了，但我不知道是什么。

这是我的代码：Recipes_list.js

当这个容器/组件被一个值数组（this.props.recipes）重新渲染时，Chrome 的控制台会记录以下错误：

任何帮助表示赞赏。谢谢你。

注意：如果我删除与 Action 相关的所有代码一切正常，表格将正确显示

==================================================== ==============================

编辑：将 onClick={this.props.functionGetRecipe(recipe_id)} 修改为 onClick={this.functionGetRecipe(recipe_id)} 返回以下错误：

以防万一，这是我的 /actions/index.js：

==================================================== ==============================

EDIT2：就是这样，现在可以了。这是变化：

我正在尝试根据通过子组件传入的数据来更改父组件的状态。我不知道如何在没有按钮的情况下更改父母。子元素上的 this.state.rows 来自数据库，我想更改状态，以便在数据加载时显示旋转图标。

我希望子组件中的微调器函数在数据被渲染时改变父状态的状态。

尝试<button>在调度已为异步进程设置的 redux-thunk 函数时使用组件中的道具，但我无法完全了解如何同时使用道具和函数（通过 react-redux 连接到组件connect在mapDispatchToProps) 但我就是不知道如何同时调用道具和函数。

然后我导出它并尝试调用它，以便它可以在渲染文件中重用，例如

好的，所以当我收到此错误时，我才刚刚开始掌握 React Native 的窍门：

我一生都无法弄清楚，也没有在谷歌等任何地方看到这个问题

在 AlbumDetail.js 中：

在 Button.js 中：

当我将 AlbumDetail.js 中的行更改为这个时，它可以工作：

请救救我，Stack Overflow 的可爱人们！我提前爱你:)

来自 React，我认为传递 props 是一样的，显然不是？

我有一个登录表单，我想在其中登录，并使用不同样式的注册按钮。

在我的登录表单中，我有以下方法：

在渲染中调用：

Button.js 看起来像：

出现错误：

undefined is not an object (evaluating 'colors.textColor')

为什么它不起作用，我将如何有条件地将道具作为对象传递以用于样式设置？

我有一个 JSON 有效负载，其中包含连字符的键名，使用时我似乎无法访问this.props

我知道在 JS 中你无法访问： data: {name-last: dave}使用.符号 iedata.name-last不会工作，但data['name-last']可以工作。

我遇到的问题是，在反应和使用时this.props.data['name-last']总是返回未定义。

理想情况下，id 不需要更改有效负载（因为 id 必须即时修改它）无论如何要在道具中使用连字符的键名？

这是一个示例数据结构；

以上全部存储在this.props如何访问this.props.data['first-set-of-data']

我用这个电话： this.props.service.hindi["speed-index-metric"].score

更新，所以我刚刚意识到这些数据无法立即获得。redux store 只用一个空白对象启动。audits我试图访问的对象是通过异步请求拉入的。所以我试图访问第一次调用时不存在的道具，this.props这就是应用程序在第一次运行时失败的原因。

如果第一次加载时数据不存在，是否有让道具优雅地失败？在获取数据后，我的初始状态是否需要匹配完整的结构化状态？

我正在使用react-form制作一个简单的表单，并希望将项目列表传递给Select组件。Select组件是库的一部分react-form。

我想将 a 传递fooItems给Select

Select组件所需的结构

我首先想过滤fooItems从 Redux 收到的数组mapStateToProps

我正在尝试在将道具传递给组件时实现一个功能

但我收到以下错误

我正在尝试在我的组件的 google api 搜索中获取用户类型的地址。我正在使用Map 和来自https://tomchentw.github.io/react-google-maps/#usage--configuration的 SearchBox示例

并导出此代码示例组件

在另一个组件中，我有一个表单，用户在其中提交数据。用户通过输入地址来搜索位置，地址被找到并显示在地图中。但是我无法获取此地址详细信息并将其保存在我的状态中。

我不确定如何获取和更新。先感谢您！

我正在学习 React，我正在为自己创建一个应用程序来跟踪我的学习。一切正常。

在我的应用程序中，我有一个基于类的组件，我必须在其中将道具传递给状态。但是，我了解到我不应该在基于类的组件中将道具传递给状态，因为我可能会在某处更改状态。但是我不知道如何让我的代码工作而不像我正在做的那样传递道具来声明。我是自学的，所以没有老师可以请教，因此 StackOverflow 是我最好的导师。预先感谢您的帮助。

这是我的代码。我将它相应地更改为下面的答案，现在它工作正常，但我的代码中有什么我应该更改或避免的吗？

我正在单击按钮时实现模态窗口。

我的问题是单击按钮时显示对话框组件的最佳方式是什么。我正在尝试设置 CSS 的var modal，这给了我错误。./src/components/btn-root.js Line 14: 'modal' is not defined no-undef

我有以下按钮组件，onclick 将在其上显示模态窗口组件。

以下是模型对话框组件