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

reactjs - 如何更改即时搜索组件的内部文本?

我正在使用 InstantSearch 组件在我的网络应用程序上实现搜索,并且一切正常,现在我想知道,如何更改我刚刚导入到项目中的组件的内部文本?

比如我自己的组件是这样的:(当然还有imports和class)

例如,“< ClearAll />”组件会生成一个带有“Clear All”文本的按钮。我只是想更改它,但它是从 node_modules 导入的。我应该将什么传递给这个组件,或者我该如何更改它?提前致谢。

0 投票
2 回答
122 浏览

reactjs - 如何将当前项目传递给函数,以便我可以从反应组件的数组中删除它?

我只是不能在函数中传递当前项目,因为我在“X”中有一个单击事件,这是一个不同的节点,所以我总是将项目作为 X 传递,而不是数组中的项目。我在考虑把它变成一个不同的组件并导入它,但我只是想看看我这里有没有东西,我将如何删除。所以我的主要问题是如何传递数组中的当前项。这是我的代码

0 投票
2 回答
241 浏览

jquery - 我在 Slick Slider 中使用多种形式,它以模态打开。我需要想法来实现客户端验证

我必须一起提交所有表单,因此必须在所有表单的所有字段上返回验证。我尝试将 componentDidMount() 上的 validate() [来自 jquery-validation] 与所有表单绑定。但这不起作用,我也没有任何错误。

我是这项技术的业余爱好者,很想听听专家的意见。

0 投票
2 回答
2089 浏览

reactjs - 输入变化复位定时器

大家好,我最近开始学习反应,我遇到了一些问题。我正在尝试制作简单的反应应用程序,我正在制作的组件之一是秒表。
我遇到的问题是,当我开始输入秒表的输入时,计时器会重置。

这是我的主要组成部分:

和我的秒表组件:

这是问题的 gif https://imgur.com/9xqMW96
正如您所见,在我开始输入输入后我的计时器重置了。我希望它仅在用户按下enter键或使用submit按钮时重置。

我试过做这样的事情:

但这对我不起作用。您可以在此处查看实际代码:https ://karadjordje.github.io/countdown-stopwatch-react/

0 投票
0 回答
67 浏览

reactjs - react中componentWillMount和contructor之间的区别?

我在 上查看了文档react,我没有发现它们之间有任何显着差异。任何人都可以帮我解释差异吗?

0 投票
1 回答
54 浏览

javascript - 像这样反应组件

我正在寻找一个 React 组件:

在此处输入图像描述

所需功能:

  • 自动滚屏
  • 顶部和底部的自动透明效果

你知道一些吗?

谢谢

0 投票
2 回答
4560 浏览

reactjs - 反应组件内的嵌套路由

我正在寻找这个,但我找不到正确的答案。是否可以在 React Component 中像这样使用 React Router;

0 投票
2 回答
7540 浏览

reactjs - 如何在反应 d3 v4 条形图中添加工具提示

我必须在鼠标悬停时在 react d3 v4 条形图上添加工具提示。我尝试过下面提到的自定义功能,

但它不起作用。有人可以帮我解决这个问题。

谢谢, 阿伦小号

0 投票
2 回答
787 浏览

reactjs - 反应登录表单值与默认配置值的比较

我正在使用 reactJS 登录表单。我想在配置文件中输入电子邮件和密码的值。例如,电子邮件应为:xxx@gmail.com,密码应为:密码。我能够设置 this.state.email 和 this.state.passsword 值,但我无法弄清楚如何将这些值与配置文件中的默认值进行比较。有人可以帮我解决这个问题吗?谢谢。

0 投票
2 回答
121 浏览

reactjs - 需要特定包含组件的反应组件的模式

编写嵌套特定子组件的组件的惯用 React 方法是什么?我知道如何编写一个简单地包装的组件,props.children例如 React 自己的文档中的这个示例:

但是,如果我想创建一对可以像这样使用的组件怎么办:

TabSet这是我(使用reactstrap )的初始实现,简化以删除样式、选定选项卡管理以及与此问题无关的其他内容。

我卡住的地方是如何实现该Tab组件。从逻辑上讲,它是组件的一部分——TabSet它永远不应该独立存在。它的实现应该非常简单,因为它实际上并没有做任何事情——它只是一个name属性和子元素的容器。

所以,这里有几个问题:

  • 我应该为组件创建一个单独的 JS 文件Tab,还是简单到我应该将它作为TabSet组件实现的一部分导出?如果是后者,怎么做?
  • 在使用 的类中TabSet,我需要两个import语句,还是有一种方法可以同时导入两者TabSetTab使用一个import,有点像import React, {Fragment} from 'react'作品?如果是后者,那么导出语句在 TabSet.js 中的外观如何?

为可能是一个显而易见的问题道歉——我是 React 和 ES6 的新手。