如何在React Joyride Tour在功能组件中结束后重新启动它？

文章/答案/技术大牛

发布

1回答

javascript、reactjs、react-functional-component

我试图在巡视结束后将Joyride的run属性设置回false，但我不确定该怎么做。我试过使用他们的回调函数，但我找不到一个使用函数式组件的示例。下面是我的Joyride组件代码： <Joyride steps={steps} continuous showSkipButton

浏览 9提问于2020-07-03得票数 1

2回答

检测生命周期方法或挂钩中的页面上是否存在非react元素

javascript、reactjs、intercom

我在尝试将第三方产品之旅(对讲机)与react应用程序集成时遇到了一个问题。没有办法以编程方式结束我的found之旅。基本上，我需要一个道具，每当某个非react DOM元素存在或不存在时，它都可以在react应用程序中更改。我需要能够在钩子或componentDidUpdate中辨别DOM中是否存在某个特定的非React元素。有没有一种方法可以用像document.getElem

浏览 51提问于2020-05-03得票数 2

2回答

如何在类型记录中将事件对象传递给onchange处理程序？

reactjs、typescript、events

我在我的一个React组件中有许多带有onChange处理程序的输入，我试图重构使用单个方法，而不是每个输入一个方法。} /><input type="number" value={this.props.Tour.flightDays} onChange={() => this.updateTour{[event], "flightDays&q

浏览 1提问于2018-06-18得票数 1

回答已采纳

1回答

onChange函数不能在具有react rails的erb中的react组件中工作

ruby-on-rails、reactjs、react-rails

我在使用rails 5.1.7和function rails创业板，在我的erb视图中使用了react_component()助手的function组件，我试图使onChange事件正常工作，但是函数没有以任何方式响应我应该能够看到控制台日志，但我没有看到它。import React from "react" class CardList extends <

浏览 5提问于2020-09-17得票数 0

回答已采纳

1回答

react类组件中的重定向页面

javascript、reactjs

在完成表单提交(如创建帖子、登录等)后，如何在react的类组件中重定向页面？对于基于类的组件，有没有等同于useHistory钩子的？

浏览 9提问于2020-05-31得票数 0

1回答

没有useEffect钩子，什么是做不到的？

reactjs、use-effect

我阅读了有关的文档，并了解了它如何使生活比生命周期方法更容易。然而，我想知道没有，是什么不可能的？

浏览 6提问于2021-01-17得票数 0

3回答

Redux和ReactJS钩子: UseEffect返回空状态

javascript、reactjs、redux、react-hooks

我使用Redux存储完全填充了返回状态的类组件： componentDidMount() {connect( { }但是，当我将上面的类组件转换为下面的函数组件时，我可以在代码中使用ReactJS钩子，但是状态始终是空的。

浏览 3提问于2020-11-06得票数 0

回答已采纳

2回答

如何在react中呈现数组的新值

reactjs、react-redux

在这里，我从子组件中获取数据，并试图将其添加到现有数组中，还试图使用map在控制台中显示数据，但当我试图这样做时，控制台中什么也没有：import {useState} from 'react'; let DataList = ["Apple","Banana

浏览 3提问于2022-08-14得票数 1

回答已采纳

2回答

React useReducer() -集成测试

reactjs、jestjs、react-hooks、enzyme

我编写了一个函数组件，它使用React.useReducer()钩子作为代码的一部分。IntegrationTest.js test('dispatch actions and verify updated state', () =&g

浏览 1提问于2020-04-02得票数 2

1回答

在单击事件处理程序外部实现Bootstrap模式

reactjs、twitter-bootstrap、bootstrap-modal

如何在react中使用bootstrap模式，并必须实现外部模式点击，应清除组件状态和模式关闭。我对前端开发和反应是个新手。我不想使用react-bootstrap第三方库。非常感谢您的帮助！

浏览 12提问于2020-04-20得票数 0

1回答

使用HashRouter在React中嵌套路由

javascript、reactjs、react-router

我正在React中创建仪表板/管理控制面板应用程序，但我不确定如何正确处理组件渲染。因此，首先我的主App组件看起来是这样的： <div className="main--container"> <Redirect> 它工作得很好，但在用户登录后，我会将他重定向到/dashboard，在那里我想嵌套其他路由，<

浏览 0提问于2019-11-02得票数 0

1回答

React:访问React的内部操作队列

reactjs

响应(类似于DOM操作，如'ADD‘、’替换‘、'REMOVE’等等)，以便它们可以在每次呈现结束时一次批量执行它们。例如，通过将此操作添加到操作队列中，将React组件中的setState调用调度到构建此React树的末尾。然后，react将遍历这个队列，并决定需要对DOM进行哪些更改。有关此的更多信息，它总结了如何在内部工作的基础知识。我需要访问这个队列，以确定当前呈现是否

浏览 2提问于2021-08-25得票数 7

回答已采纳

1回答

如何在JavaScript中连续映射数组？

javascript、reactjs、react-hooks

我试图在React.JS中创建一个警报组件，它将接收一个数组作为支持，然后循环遍历所有元素并在警报组件中显示它们。当数组映射结束时，我不知道如何重新启动循环。我的猜测是，在用户关闭通知栏之前，将映射包装在while / do中，以便运行它。一旦数组的映射到达最后一个元素，我就很难重新启动循环。

浏览 1提问于2021-12-11得票数 3

回答已采纳

2回答

如何将Redux的提供者与React结合使用

javascript、reactjs、redux

我一直在遵循这里的ReduxJS文档：import React from 'react'import { createStore } from 'redux' import { Provider } from '<e

浏览 1提问于2016-03-08得票数 56

回答已采纳

1回答

反应性/路由器/内存路由器-如何在子组件中传递历史属性并使用push()？

javascript、html、reactjs、react-native、react-router

我正在构建一个React应用程序，我不希望浏览器中的URL被更新。我不是使用‘react路由器-dom’，而是只使用‘react路由器’和MemoryRouter ()。history.push()可以直接在组件语句中使用，但我希望将历史传递给这些主要组件的子组件，但是属性没有定义。MemoryRouter} from "react-router"; ...Home和ScreeningTool都使用子组件AppLi

浏览 3提问于2020-04-04得票数 3

回答已采纳

3回答

类组件和函数组件的区别是什么？

function、react-native、class

但是为了使用钩子，我需要实现函数组件而不是类组件。那么它们之间的主要区别是什么呢？

浏览 6提问于2020-03-02得票数 1

回答已采纳

3回答

扩展类型记录中的react select接口属性

javascript、reactjs、typescript、react-select

我为我的react定制了一个react select下拉组件，当我尝试使用React.HTMLAttributes<HTMLSelectElement \ HTMLInputElement>扩展接口时。它显示“没有过载匹配此调用”。我试图扩展不同的属性以获得默认值，如id、标签、名称、占位符等。如何在道具中获得默认属性？有没有人遇到过类似的问题？示例代码： import * as React from "

浏览 4提问于2021-02-24得票数 5

1回答

在React中有没有一种方法可以多次只执行渲染函数的一部分，而另一部分继续初始执行？

reactjs

我正在React中创建一个游戏。基本描述:绵羊图像是从屏幕的中心“发射”的，它们被动画移动到边界。如果他们做到了，你就输了。如果你之前点击了它们，它们就会消失，你就可以继续了。在页面加载中，sheeps开始从中间发射(具有特定的延迟和速度)，当我点击它们时，它们会消失，当它们到达边界时，游戏结束。但是，我不知道如何以及在哪里添加<CountScoreComponent/>。我试着在上面的所有组件中渲染它，但它要么不更新比分，要么<

浏览 15提问于2019-01-28得票数 0

回答已采纳

1回答

如何使用现代特性将React添加到html

reactjs

我的任务是将react组件添加到当前为html页面和空main.js文件的网站中。我应该如何在我的脚本中创建一个react组件，以允许使用useState和useEffect等现代功能在官方文档中有一篇两年前的文章，它依赖于组件而不是钩子。

浏览 16提问于2021-04-28得票数 0

回答已采纳

2回答

使用React访问导航器-本机和Redux

react-native、redux

使用React -原生(0.19)和Redux，我可以在React组件中从一个场景导航到另一个场景，如下所示： title: "Registrations",}); 完

浏览 1提问于2016-02-01得票数 13

回答已采纳

点击加载更多