问题标签 [react-component]

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 投票
4 回答
16847 浏览

reactjs - 无状态组件 React 路由器

我是 React 和 Redux 的新手,我实际上是在创建自己的代码,但我在无状态组件中遇到了路由器之类的东西。

所以,实际上我需要使用 this.props.history.push('/somepath') 来路由到一个组件。这不会发生在无状态组件内部。

我的无状态组件是

我在另一个无状态组件中调用它,比如 mainlayout

我的主文件 index.js 看起来像这样

所以我需要的是我必须从标题路由到另一个组件,该组件和路径在路由器文件中给出

路由器.js

当我尝试从标头路由时,出现类似 push of undefined 的错误。我是否遗漏了什么我应该在这里做的任何改变。

提前致谢。

0 投票
1 回答
61 浏览

javascript - React Carousal 组件问题

我已经包含了 react coverflow 组件,以便在我的项目中使用漂亮的轮播。它加载正常,但是每当我单击图像时,它都会向我显示屏幕截图中显示的以下错误:

在此处输入图像描述

我有以下代码。有没有人遇到过同样的问题。注意:我在安装 react coverflow 组件后尝试使用 npm install 。之后它也显示相同的错误。有依赖问题吗?有什么帮助吗?

0 投票
0 回答
293 浏览

javascript - React Web Carousel 组件问题

我已经包含了 react coverflow 组件,以便在我的项目中使用漂亮的轮播。它加载正常,但是每当我单击图像时,它都会向我显示以下错误:

在此处输入图像描述

我有以下代码。有没有人遇到过同样的问题。

注意:我在安装 react coverflow 组件后尝试使用 npm install 。即使在那之后它在点击时也显示相同的错误。有依赖问题吗?有什么帮助吗?

0 投票
1 回答
2952 浏览

javascript - 从对象渲染 React 组件

假设我有以下将组件作为条目的对象:

我想用这个对象来渲染这些组件:

实际上,我正在尝试使用配置对象呈现路线:

……

我在想<components[key] />是 JSX 而 React 不需要使用 JSX,所以也许解决方案是在没有JSX 的情况下使用标准 JS 渲染这些组件。虽然我不知道该怎么做。

0 投票
0 回答
43 浏览

javascript - 反应传播运算符在嵌套状态更新时抛出错误

我正在尝试更新我的 React 登录组件中的嵌套状态以处理对登录表单字段的更改。

登录容器组件

登录表单组件

似乎编译器没有识别出...扩展运算符显然需要更新嵌套状态。

我发现许多解决方案都使用这种精确的语法,我在这里缺少什么?

社论形式的非修辞附带问题:

为什么更新嵌套对象的状态这么难。为什么设计 React 的人会假设开发人员在大多数情况下会使用嵌套对象以外的任何东西来表示状态我觉得 React 确实需要做得更好来支持更新这些类型的操作。怎么样..

实现起来真的那么难吗?

0 投票
1 回答
651 浏览

javascript - 在 React 中将子 HTML 视为字符串和 HTML

我正在尝试创建一个组件,该组件既显示包含其他组件的某些 HTML 的结果,又显示代码本身。基本上,一个演示标记并显示与子组件一起使用的标记的容器原封不动。我遇到的问题是,当我想要尚未解决的文字输入并且仍然包含任何已使用的组件标签时,我似乎只能将完全呈现的 HTML 显示为代码。

我希望 ParentComponent 既能完全呈现它的所有子元素,又能将其中的所有 HTML 视为一个字符串,基本上,理想情况下不维护两个子元素的副本。渲染的版本没有问题,这很自然,但是我似乎无法从任何地方抓取的字符串形式,它获得了渲染的版本,其中 ChildComponent 被它渲染的内容替换。

0 投票
2 回答
7267 浏览

javascript - 在不使用 react-native-web 的情况下为 ReactJS 创建“TouchableOpacity”

我想创建一个包装器组件,它的行为类似于react- natives<TouchableOpacity/>而无需使用react-native-web.

我正在考虑管理状态并使用从.5到的内联样式转换1为不透明度的东西,setInterval或者它应该是一个 css 转换。

那里已经有东西了吗?

最好的方法是什么?

0 投票
2 回答
3710 浏览

reactjs - 如何声明一个全局变量并在 ReactJS 的所有其他模块中访问它?

作为 ReactJS 的新手,我需要有关全局变量声明和使用方面的帮助。场景是我有不同的模块,我想访问一个在所有模块中都可用的变量,而不管它们的关系如何。准确地说,我有一个管理面板和一个用户仪表板,它们没有共同的父级。但是,我希望在管理面板中设置一个变量的值,并在用户仪表板和其他模块中使用该值。我尝试寻找解决方案,但找不到可行的解决方案。如果使用示例解释解决方案,那将是一个很大的帮助。

0 投票
2 回答
5080 浏览

javascript - 获取 TypeError: Object(...) is not a function with when changed Routes in React

不知道为什么我会收到以下错误。

我的 routeInterceptor 组件的渲染方法:

代码在 Redirect 组件内中断的地方:

这是包createLocation的一部分的history实现:

https://github.com/ReactTraining/history/blob/master/modules/LocationUtils.js

这是日志prevProps

在此处输入图像描述

知道这里可能出了什么问题吗?

这是 LocationUtils.js 的所有代码,它是历史的一部分并包含该createLocation函数。

0 投票
2 回答
624 浏览

semantic-ui - 作为 Prop 传递的组件的访问事件

我将React 组件作为道具传递给孩子。该组件有一个事件。在子组件中,我想访问该事件并将其绑定到子组件中的方法。我怎样才能做到这一点 ?

我经常使用Semantic-UI React Modal如下:

现在我想让它可重复使用

如何访问 trigger prop 组件并将其 onClick 事件绑定到 handleOpen 方法?

编辑 :

更准确地说,这是我正在寻找的