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

javascript - 我将 DOM 元素的高度全部设置为相同的变量,但它们似乎具有不同的高度?

我将所有三个元素设置为相同的高度 var,但每个元素都比最后一个稍大。到底是怎么回事?var 是 itemsh。

交友网站

0 投票
1 回答
45 浏览

reactjs - 更改的值不会显示在 Dom 中

我正在学习 React,在我的测试应用程序中,我制作了 2 组相同的随机颜色数组,每次单击“更改颜色”按钮时都会随机播放和更改颜色。但是,即使颜色值正确更改,我似乎也无法让 Dom 更新我的数组颜色。

这是我的问题的图片

在此处输入图像描述

正如您在图片中看到的,每次单击时值都会发生变化,但卡片的颜色保持不变。但是,如果我将基于类的组件更改为非基于类的组件并在 render() 而不是构造函数中设置样式,它将起作用,但我想要一个类组件,以便我可以将单击的卡片传递给父组件。

0 投票
1 回答
947 浏览

reactjs - props.data.map 在我的组件中不起作用

我正在学习反应,我也是 JS 的新手,有人可以告诉我为什么 .map 函数在一个组件中起作用,但在另一个组件中不起作用?

地图在这个组件中运行良好

但它在这个组件中不起作用

我每次都有这个错误

在此处输入图像描述

0 投票
2 回答
724 浏览

arrays - 如何在我的反应应用程序中将对象添加到数组

我正在学习 React 并尝试在应用程序的卡片组件中创建一个记忆游戏应用程序,如果我单击一张卡片,我想将该卡片推送到一个空数组。但是如果我单击第二张卡片,数组不会保存第一张卡片,或者它不会正确保存,因为每次单击新卡片时道具的值都会改变。我检查了一些类似的问题,但他们发布的问题不同。

我正在尝试将新卡推送到 onCardClick 中。我有两个道具,一个会显示我点击的卡片,另一个会显示所有卡片的数组。我尝试使用 filter()、push()、spread 运算符,到目前为止都不起作用,我一定做错了什么。请帮忙,谢谢

0 投票
2 回答
4769 浏览

reactjs - redux 和反应连接不起作用?

我正在学习 redux,我正在尝试创建一个简单的测试应用程序,以查看是否可以将来自 redux 的 props 传递给 react 组件,但它并没有像我预期的那样工作。它自己的商店工作正常,但它没有将价值传递给我的组件,有人可以指出我的代码的问题吗?谢谢。

这是我的问题的图片 在此处输入图像描述

我试图根据一些建议更正我的代码,但到目前为止我还没有工作

这是错误的图片 在此处输入图像描述

0 投票
4 回答
6391 浏览

size - Nativebase:更改缩略图默认大小

我无法从 NativeBase 更改缩略图的默认大小。我可以显示默认圆圈,即小圆圈和大圆圈,但我想显示比默认大小更大的圆圈。这是我的缩略图代码:

道具尺寸不起作用,缩略图仍然很小。

我的 NativeBase 版本:2.3.5

0 投票
0 回答
215 浏览

typescript - 映射调度道具并连接它们无法正常工作

我有以下课程:

我使用 connect 像这样导出:

在 firebase 的动作创建者中,我有这个:

我的 AppThunkAction 界面:

我的问题是,当我在 PeriodEditCell 组件中调用 this.props.createActivity(blah) 时,该函数似乎可以进入 createActivity 但没有进入正文,因此 AppThunkAction 出现问题

不知道我做错了什么,因为我过去做过类似的事情并且它已经奏效了......

0 投票
0 回答
59 浏览

javascript - Moving props to state

There is an assumption that moving props to component's state is an anti-pattern. Is therefore an explanation why this is seen when dealing with forms in React?

0 投票
2 回答
114 浏览

reactjs - 我应该在哪里发送我的 redux

我正在学习 react 和 redux,我只是有一个小问题,我应该在哪里分派和共享我的 redux 存储以响应组件,我应该在需要存储的任何组件中共享和分派我的存储,还是应该共享和分派我的存储在一个主要组件中并共享该值作为订购组件的道具?例如,我有这三个组件,我将我的状态存储在一个 FlashCard 组件中,并使用道具将该状态共享给 Cardlist 组件,然后 CardList 组件将该道具发送到 Card 组件。这是正确的做法吗?并且在卡片组件中我使用调度,因为它看起来更方便,但是我是否应该在我的主要组件 FlashCard 中使用调度并将更改传递给卡片组件?谢谢你的帮助。

和一个 Card 组件来渲染所有卡片

0 投票
3 回答
1598 浏览

javascript - 如何避免 Material UI 中的重复道具?反应 JS。

我基于 Material-UI 中的组件创建了表单。我想控制state来自父组件的输入,如下所示,但出现错误“不允许重复道具”。是的,这对我来说很有意义——我有 3 倍的onChange参数。我很好奇是否有可能解决它或者我需要完全安排代码?

父组件

子组件: