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

javascript - 在反应组件中导出方法

要求是创建其方法可以被其他组件访问的组件,以便通过其他组件我们可以提供警报消息。(像烤面包机)

我知道我们可以通过以下方法做到这一点:

  1. statics - React.createClass 或 es6 类中的静态。

  2. 使用组件的 ref。

但是实现这一目标的最佳方法是什么?

0 投票
2 回答
711 浏览

javascript - 为什么道具呈现为未定义?

我有一个名为 PersonCard 的 React 组件:

该视图有多个 PersonCard,它们是从其父组件 SearchResults 中的数组映射的,如下所示:

构造函数中的记录器正确地显示了人员对象及其属性,因此它应该存在。

但是道具值(this.props.firstName)没有显示在渲染方法中,因为它们在视图上被渲染为“未定义”。为什么?

0 投票
1 回答
947 浏览

reactjs - 如何循环数组并将值分配给另一个组件

我有以下我正在处理的组件

Dropdown 组件返回值的下拉列表。道具看起来像

显示映射到键和值映射到 url,所以在下拉列表中我想显示道具中的键。单击它时,Dropdown 组件会返回 url。

我怎样才能遍历道具并将键分配给显示和将url分配给值?

0 投票
1 回答
125 浏览

javascript - 使用 React 的天气应用程序:将自定义纬度/经度输入 API 请求时出现问题

我已经成功构建了应用程序来显示洛杉矶八天的天气预报。我的下一个任务是更改 API 请求的经度和纬度。为此,我创建了两个输入字段,用户可以在其中输入 long/lat,然后对其进行格式化并将其作为要添加到 API 请求中的道具传递。

主要可能是状态似乎未定义并且没有通过道具。当我输入字段时也会收到此警告:

我得到的控制台错误

组件正在将文本类型的受控输入更改为不受控制。输入元素不应从受控切换到不受控(反之亦然)。决定在组件的生命周期内使用受控输入元素还是不受控输入元素。

天气视图.js:

天气卡.js:

这是我第一次用 React 做这么大的事情,所以任何帮助都将不胜感激。

0 投票
1 回答
118 浏览

javascript - 带有 React 的天气应用程序,Prop 未接收和更新

使用我的天气应用程序,我正在创建一个系统,您可以在其中编写自定义的经度和纬度,一旦接收到两者,就使用道具传递给子组件。在那里,它将被添加到 API 调用中并提取该区域的数据。

当我手动将 long/lat 放入 API 请求中时,一切正常,但它不会正确接收道具。目前,我在测试字段中输入的每个字符似乎都会对这两个组件产生连锁反应。孩子收到的道具也是未定义的。

任何帮助将不胜感激,因为这对我来说是一次学习经历。

目标:等待 long 和 lat 都提交,然后添加到 API 调用中。

编码:

weatherView.js:输入经纬度的地方

weatherCard.js:调用 API 并渲染所有内容的子节点。

0 投票
2 回答
578 浏览

reactjs - 将道具从包装器传递到一个子页面

您好,提前感谢您的帮助。我在将道具传递给加载了路线的组件时遇到问题。我有一个带有包装器组件的路由文件,它加载有关路径 url 的页面。在包装组件(布局)上,我想向子组件传递一些道具。但是由于子组件是用 this.props.children 调用的,所以我不知道如何传递道具。我尝试了很多东西,但没有任何效果。

我有以下 rotes 文件:

在布局中,我有:

在 {this.props.children} 上,该组件正在加载我的页面组件 Search、Queue 和 About,但我想向我的 Search 和 Queue 组件添加回调道具。

在我的包装布局组件上,我想实现以下目标:

从“反应”导入反应;

0 投票
1 回答
877 浏览

javascript - 在反应轨道中传递道具并设置参考

我正在尝试构建一个简单的 Rails 后端并响应前端博客应用程序。一切都很顺利,直到我尝试编辑帖子时才开始编辑操作。我无法设置 propTypes 并在表单中使用 refs。我收到以下错误

我正在使用 react-rails gem

这是我的控制器编辑和更新操作

结尾

这里edit.html.erb

下面是位于 assets/javascripts/components 中的 EditPost 组件

这是我的 github 存储库(https://github.com/Hano1388/react-rails-blog),请随意克隆它以查看我遇到的错误。谢谢,感谢您的帮助

0 投票
1 回答
3914 浏览

reactjs - 在按下事件时为按钮传递道具

我在其中创建了一个抽屉(反应导航),Routes.js并且在HamburgerBtn.js. 我希望调用按钮上的调用以使用我的按钮打开抽屉。我什至不明白如何从路由外部进入按钮。

--routes.js--

--homepage.js--

0 投票
1 回答
1216 浏览

reactjs - 在 React 中将子组件类作为道具传递给父组件

如何将子组件类作为道具传递给 React 中的父组件。

我的父组件代码:

我的子组件代码:

还有我的 Route.js 代码:

应用程序.js:

现在我想将我的所有子组件作为道具传递给父组件。在路由子组件时,应该在父组件内渲染。

谁能帮我实现这一目标?

0 投票
2 回答
3327 浏览

javascript - 通过道具 onPress 传递值

我知道我们可以像这样调用函数{this.props.onPress},我们也可以使用这个回调传递值吗?传递了默认对象,但我想使用此函数传递一个字符串值。这可能吗,我正在发布我的代码以清除情况。

而在自定义按钮类

我想通过 this.props.onPress 返回 btnName