问题标签 [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 投票
3 回答
93 浏览

javascript - ReactJs如何删除状态项

例如,如果我将 10 个相同商品添加到一个购物车中,我如何将其减少到 9 个。

谢谢。

0 投票
0 回答
76 浏览

reactjs - Redux 函数是 props 的一部分,但未定义

嘿,我有一个问题,我无法解决..

我在 redux 中有一个名为 updateIpBrowserConfig 的操作。

我将它传递给我的容器,然后传递给一个子组件。

当我在我的子组件中执行此操作时:

我确实得到了所有的道具,我可以看到 updateIpBrowserConfig 是一个函数:

但是如果我也在构造函数中这样做

我得到了将 updateBrowserConfig 显示为函数的完全相同的 props 对象,但打印函数时的值是“未定义”。

所以我不能触发动作,因为函数是未定义的。但它在我的道具中作为一个功能?

我无法解决这个问题。希望有人可以提供帮助

0 投票
2 回答
9208 浏览

reactjs - 将本地图像路径作为两个功能组件之间的道具传递

我正在做一个 react-native 项目,在那里我很难理解 props 在功能组件之间的工作方式。我的要求是创建一个可重用的按钮组件,我可以在我的项目内的资源文件中传递图像位置,因此它会为我创建按钮。出于某种原因,如果我手动提供所需的位置,它将起作用并为我创建按钮,但如果我\我将该位置作为我创建的道具传递,则由于某种原因它将不起作用。我的代码如下。

按钮组件

我创建按钮并传递道具的地方

0 投票
1 回答
62 浏览

javascript - 如何在 React Native 的初始渲染中多次调用组件的 prop 方法?

我正在使用 react-native-calendars 的议程组件。目前我的日历组件看起来像这样。

第一次渲染这个组件时,我希望能够在 props.items 中的每个对象中调用 renderItem 方法或 renderItem prop。我怎么做 ?

0 投票
0 回答
516 浏览

react-native - 如何将道具传递给 React 堆栈导航器

我正在按以下方式进行导航 Home.js -> discover-things.js(包括顶部导航栏)-> Filter-screen.js

在 Home.js 中,我有一个这样定义的堆栈导航器——

在顶部导航栏中,我有这个——

在这里,我在其中一个图标上应用 OnClick,以便它可以引导我进入过滤器屏幕。

在过滤器屏幕中,我有这个----

但是单击过滤器屏幕中的图标时,什么也没有发生。我在这里做错了什么以及如何正确实施它?

0 投票
1 回答
3869 浏览

react-native - 如何在 React-Native 中将某些文本设置为粗体?

我知道如何设置一些粗体文本,如下所示。

但我需要如何使用道具。

例子,

FlatList 中的标题在 _renderItem 中使用。

但它显示在设备的屏幕上,如下所示。

I am<Text style={styles.bold}>a developer</Text>

props 中的标题仅呈现为字符串。

0 投票
1 回答
832 浏览

reactjs - 如何将道具从容器组件传递到 redux 表单(组件) - 使用打字稿做出反应

我有一个表单容器组件:

在表单组件中:

在容器中,onSubmit正确传递给子组件但id道具没有正确传递。它抛出错误:

[ts] 类型“IntrinsicAttributes & IntrinsicClassAttributes>>> & ...”上不存在属性“id”。

如何解决这个错误?谢谢 :)

0 投票
3 回答
9111 浏览

reactjs - 《React js》如何使用 props 传递数组数据?

这是我的代码。目前我正在尝试将数组数据从中传递<button></button><StudentInfo />并替换“name = {"Amira"} 有人能帮我解决这个问题吗?”

谢谢你。

0 投票
1 回答
327 浏览

reactjs - 传递数据并验证 api 调用

我正在开发一个 Next.js 应用程序,该应用程序使用表单来捕获状态内的用户邮政编码。我正在尝试将邮政编码值作为道具从父组件(Form.js)传递给子组件(Forecast.js)。这种方法似乎不起作用。目标是将数据传递给 Forecast 组件,以便我可以进行 api 调用。我希望有人可以提供一些建议来传递数据。

请注意,数据没有被传递,对端点的调用也不起作用。

表单.js

预测.js

0 投票
1 回答
1327 浏览

javascript - 如何以redux-form将值传递给占位符到textInput?

所以我正在创建一个登录表单,其中包含两个字段,分别是用户名和密码;我想将占位符传递给每个字段。但是,无论我尝试什么,都不会显示占位符。

代码

如您所见,name在 renderInput 函数中的 TextInput 中不存在分别带有电子邮件和密码的两个字段。