React JS:如何根据数组中的位置为react组件添加类名？

文章/答案/技术大牛

发布

1回答

javascript、html、css、reactjs

我有一组从数组中呈现的工具提示。我想动态地将classname应用于工具提示。例如，如果数组中的项目总数= 20，那么我希望为数组中的前5个元素应用className 'left‘，并为第16-20项应用className 'right’。数组中的项数是动态的，所以不管N(数组项)，我只想为前5个元素和后5个

浏览 10提问于2020-07-06得票数 0

回答已采纳

2回答

为什么我的ES6导入/导出不能工作？

reactjs、ecmascript-6

我试图在create-react-app中导入我的类export default class HeaderView extends Component {但当我做的时候然后我试过不同的方法，

浏览 4提问于2016-12-27得票数 0

2回答

为什么我要进行无效的钩子调用？

javascript、reactjs

有人能告诉我为什么我要进行无效的钩子呼叫吗？我认为问题与useState(Null)或使用它的函数有关。下面的代码显示了我正在尝试使用它的整个能力，在任何帮助下都会非常感谢。import React, { useState } from 'react';import; const ArrowRight = Arrow({ text:

浏览 0提问于2020-05-14得票数 1

3回答

在React的呈现方法中设置CSS变量是很好的做法吗？

javascript、html、css、reactjs、css-variables

我已经创建了一个post日，错误地删除了它，我必须创建一个具有特定样式的组件。问题是在呈现组件时，componentDidMount()方法会创建一些闪烁之王。现在是CSS设置的时候了。我认为我的组件是重新来源的要求，所以componentDidMount()发生了一个或两个小框架的滞后。这就是为什么我在这里提供的只是一个片段，而不是一个完整的演示，我的小演示很好地与零特定闪烁。然后，在render

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

2回答

反应:组件之间的导航(组件-实例)

reactjs、button、navigation、router

InfoScreen-实例(稍后将从API中获取)是使用一个索引(数组索引)导航的，该索引正在根据我们所在的位置递增或减少。我的问题是在EndScreen组件中，我有一个后退按钮，它应该带我回到最后一个信息实例(在本例中是: Info3)。问题是，当我按下EndScreen中的后退按钮时，索引为0的第一个信息实例(在本例中为:

浏览 3提问于2021-06-13得票数 0

5回答

如何在反应中传递功能部件之间的数据？

javascript、reactjs

在React中，我们可以使用以下方式使用状态和道具在基于类的组件之间传递数据：import Name from './Name'; state = {() { <Name name=

浏览 8提问于2019-10-02得票数 26

回答已采纳

1回答

如何从React组件获取标记？

javascript、reactjs、react-component

而不是HTML DOM元素标记、JSX标记、react类名。 console.log(nodes[0]) selectimage case s

浏览 3提问于2021-05-31得票数 0

回答已采纳

1回答

当我将其与React全屏组件一起使用时，屏幕上的React不起作用

javascript、reactjs、fullpage.js

当我在整个页面中滚动react的幻灯片时，虽然屏幕上的页面-- div的背景色没有变化，我使用的是包--使用的是整个页面的react组件--但是当我使用没有全页面react组件的react-屏幕上没有全页面react组件的时候，我认为当我在全页面内滚动- new幻灯片时，视口不会认为新的幻灯片

浏览 2提问于2018-12-28得票数 0

回答已采纳

2回答

用Mocha测试反应中的高阶组分

testing、reactjs、mocha.js、higher-order-functions、enzyme

我在React组件中使用一个，如下所示：import Wrapper from 'wrapper';在使用Mocha测试组件时，我试图查找应该包含在组件中的类名。<Component /> )

浏览 1提问于2016-06-29得票数 1

回答已采纳

2回答

如何识别它是类组件还是功能组件？

javascript、reactjs、class、components

我在React中创建了两个组件，一个是类组件，另一个是功能组件。但是，当它调用组件时，它是一个类组件还是一个功能组件，那么react如何识别？这是面试官问的问题

浏览 3提问于2019-11-01得票数 1

回答已采纳

2回答

将函数function组件转换为function类以添加ref属性

javascript、reactjs

我有一个带有触发器元素的组件，触发器元素是一个react组件，如下所示在MyComponent类中，我希望通过cloneElement或creatElement API向触发器元素添加

浏览 2提问于2018-02-17得票数 1

回答已采纳

2回答

如何使用reactjs折叠div？

javascript、reactjs、twitter-bootstrap

我使用的是reactjs和bootstrap v3.0，但我在其中找不到任何折叠类，所以我在scss中定义了它。e.target.className = 'collapse.in' e.target.className = 'collapse' } this.toggle.bind('demo')

浏览 1提问于2016-11-16得票数 4

回答已采纳

3回答

ReactJS - React.Children.forEach -我能得到子组件的名称吗？

javascript、reactjs

我有一个带有许多子组件的React (15.5.4)组件，其中一些是HTML元素，有些是其他的React组件。我需要对子元素进行迭代，并确定特定类型的React组件。因此，我的第一个想法是使用React.Children.forEac

浏览 5提问于2017-05-11得票数 17

回答已采纳

1回答

如何将返回类型指定为具有流的反应性组件列表

reactjs、flowtype

我在其他地方见过使用React$Element<Type>的人，所以我假设返回一个数组就像在末尾添加[]一样简单。，因为在数组元素的参数ElementType 3类型中，NavbarItem 1的静力学与NavbarItem 2不兼容。1类NavbarItem扩展组件 2 getNavbarItems()：React$Element<NavbarItem>声明类型为<

浏览 0提问于2018-06-01得票数 2

回答已采纳

2回答

未找到React模块

javascript、reactjs

src目录中的所有文件(使用)。我似乎无法将search.js组件导入App.js文件import React, { Component } from 'react'; </div> }s

浏览 0提问于2018-07-29得票数 1

回答已采纳

4回答

为什么它没有显示()

reactjs

header类应该导出呈现函数，该函数中应该包含报头。 import logo from './logo.svg'; return ( );header.js： import React, { Component

浏览 7提问于2022-01-22得票数 0

回答已采纳

1回答

故事书webpack绝对重要

javascript、reactjs、webpack、build、storybook

在我们的应用程序中，我们使用了导入模块的绝对路径。', ]我正在研究故事书的集成，发现它无法从这个react文件夹中找到任何模块。/stories/index.stories.js Module not found: Error: Can't resolve 'react/components/Button&#

浏览 1提问于2019-03-17得票数 11

2回答

如果用户正在离开组件React，则删除图像

javascript、reactjs、routes、prompt

我有一个带有拖放组件的表单，在那里我可以上传图像，之后我将这些带有axios的图片发送到我的后端，并将其保存在服务器端，然后在预览模式下重新渲染它。我的问题是，如果用户上传了一些图片，然后他在没有提交表单的情况下切换到另一个页面，添加的图片会无缘无故地留在我的服务器端。所以问题是:我想要检查我的组件中，如果用户离开，显示一个提示，如果他点击OK按钮，我想在离开之前从我的</

浏览 6提问于2021-04-08得票数 0

回答已采纳

4回答

ReactJS -无法从其他文件导入组件

reactjs

我试图在ReactJS中将组件从一个文件导入到另一个文件。我在下面粘贴了我的代码，展示了我目前如何尝试将addUser组件导入App.js。控制台只显示正在触发的，而不显示addUser。我想这可能是webpack的问题，但我的package.json文件中有webpack。此外，代码会编译和运行，不会引发错误。我的App.js文件中的代码： import React</e

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

回答已采纳

2回答

为什么reactjs中的功能组件没有实例？

reactjs、ecmascript-6、es6-class

在中，有关于Refs and Functional Components的声明 return <input />; render() { // This will *not与阅读教程不同的是，函数组件和类</

浏览 5提问于2017-06-10得票数 11

点击加载更多