减少React中多个元素的相同功能的代码

文章/答案/技术大牛

发布

2回答

javascript、reactjs、html-lists

如何减少代码串并在一行中设置函数setShowMenu？ <li className="listItem" onClick={() => setShowMenu(!

浏览 19提问于2021-04-11得票数 0

回答已采纳

2回答

为什么我要在JSX返回中指定一个<div>、<React.Fragment>或<>？

javascript、reactjs

我看到在为多个元素返回JSX代码时React引发错误，因此它需要始终使用以下3种选项包装这些元素：<React.Fragment>例如，这一项工作如下： const myReactComponent

浏览 3提问于2019-09-20得票数 1

回答已采纳

1回答

如何在组件中对道具的子级进行映射时编写排除？

reactjs、styled-components、children

在我的D.R.Y上工作。我试图把父母的数据传递给一个子组件，这样我可以重用子组件。from 'react'import Foo from '..但是如果我将Text (<p>This is some text</p>)排除在Parent之外，应用程序会引发以下错误：在终端中</em

浏览 2提问于2021-02-26得票数 1

回答已采纳

4回答

如何在React组件中获取DOM元素？

javascript、reactjs

我呈现多个相同的组件，每个组件都有自己的工具提示。我是否可以编写只在每个组件的HTML中查看的代码，这样我就不会影响所有具有相同类名的其他工具提示？我在使用无状态组件。以下是代码：import React from 'react'; const OptionsComponent = () =>

浏览 6提问于2016-11-09得票数 2

回答已采纳

1回答

React.js中每个项目的计数器

javascript、reactjs

我正在尝试为数组中的每个元素实现一个计数器，并将它们显示在屏幕上。我有一个数组，我想为每个元素显示以下内容:汽车名称、点赞、增加按钮和减少按钮。当我尝试增加和减少喜欢时，所有的元素都以相同的方式增加和减少。我如何保持喜欢彼此独立，而不是共享相同的喜欢？例如，当我喜欢一辆车时，我只想让那辆车增加likes计数。有人能帮我解决这个问题吗？这是我当前的代码</e

浏览 0提问于2017-05-21得票数 2

2回答

在一个状态上设置不同的元素值

react-native

所以在我的react本机中，我有一个用来输入数字的旋转器。它有两个按钮，可以增加或减少一个值。但问题是，我必须将值设置为一个状态，并且我有多个元素。因此，如果我更改了一个元素的值，其他所有元素也会发生变化。这是Package 下面是我正在使用的示例代码： this.state = {} max={50}

浏览 7提问于2019-10-05得票数 0

回答已采纳

1回答

试图关闭React本机中的视图标记时出现语法错误

react-native、visual-studio

我目前正在尝试编码一个登录屏幕，当我在其中包装我的文本和图像组件时，会给我一个错误。我正在尝试更改react本机中两个不同视图组件的样式。每次我试图运行我的项目时，我都会得到一个错误：“相邻的JSX元素必须包装在一个封闭标记中。您想要一个JSX片段<>.</>吗？”我的代码是： import { StatusBar } from 'expo-status-bar'

浏览 5提问于2022-07-16得票数 0

1回答

如何使用reactjs和react路由器实现正确的布局

javascript、reactjs、layout、react-router、url-routing

如何使用reactjs和react-router实现正确的布局。基本上，我想要实现的是下面的图像：注意:我不希望在header & footer中实现index.html。到目前为止，我所做和工作的是：import { Router, Route, Link } from 'react-router' classApp extends

浏览 2提问于2015-10-08得票数 0

回答已采纳

2回答

React代码中的console.log语句有不同的结果，以及在DOM中应该显示什么

reactjs、jsx、babeljs

一般问题：const ToDo = props => (<td>

浏览 1提问于2018-01-22得票数 0

回答已采纳

1回答

在react本机中在headerRight上添加多个按钮

javascript、reactjs、react-native、react-navigation

我是新来的-土生土长。在这里，我试图在headerRight上添加两个按钮。我确实添加了一个按钮，但我不知道如何放置多个按钮。就像这样。我就是这样加了一个按钮的。</HeaderButtons> import {HeaderButton, Item} from 'react</e

浏览 2提问于2019-09-11得票数 1

回答已采纳

1回答

同一react组件的多个实例

reactjs

我想给一个非react站点添加一个react组件，一个评论功能。我的问题是，如何动态地将每个React组件挂载到DOM故事元素？基本上，我希望拥有相同react comments组件的多个实例，但每个实例都绑定到一个唯一的故事(div)。

浏览 3提问于2014-11-25得票数 11

回答已采纳

8回答

是否有一种方法在React.render()函数中呈现多个反应性组件？

javascript、reactjs、browserify、babeljs

例如，我可以这样做：import PanelA from './panelA.jsx'; <PanelA /> document.body 在作出反应的情况下： PanelA

浏览 0提问于2015-09-15得票数 64

回答已采纳

1回答

在每次重呈现的元素列表中为每个‘null’添加一个新项

javascript、reactjs、jsx、react-lifecycle

如果您在数组上映射以呈现元素，而在生成的元素数组中，则有一个null，然后有两个或多个具有相同键的项，在每次重呈现时，React将向DOM添加另一个元素，就像这两个元素一样。下面是用于复制的最低限度代码： const force

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

2回答

是否有方法在redux中重用还原器逻辑？

reactjs、redux、reusability、reducers

我正在使用react/redux来构建我的应用程序。有多个按钮，应用程序需要跟踪这些按钮是否被点击的状态。这些按钮都使用相同的还原器逻辑，即在单击按钮时将状态从true替换为false。唯一的区别是状态的名称。有办法通过定义一个可以应用于多个状态的“全局”还原器来减少我的代码吗？有关，请参阅此图像谢谢!

浏览 0提问于2018-05-04得票数 2

回答已采纳

1回答

试图使用变量减少javascript的重复

javascript、function、variables、repeat

我试图减少代码中的重复，但没有任何运气。我将代码简化为其最简单的功能，以尝试使其正常工作。 fileNam

浏览 1提问于2011-06-26得票数 1

回答已采纳

1回答

在web应用程序中实现的React* js导航器*

meteor、reactjs

React Native包含组件<Navigator />，该组件具有多个管理场景的功能，如pop、push (以及支持滑动) 我想使用react js (使用Meteor运行)在web应用程序/ cordova应用程序/浏览器中实现相同的功能。react js中是否有类似的内置函数/组件？我翻了一遍文档，什么也找不到。

浏览 0提问于2016-04-04得票数 1

1回答

Next.js商业/反应-功能组件中的useRouter动态标头区域设置

reactjs、react-hooks、next.js、shopify、commerce

为了接收正确的翻译，我必须在graphql请求中设置一个动态的接受语言头。路由和一切都很好，当我手动将头设置为es =西班牙语/es= english时，我得到了正确的翻译。这是我的代码：import fetch from '.，这是我能够在所有组件中完成的。当我试图在上面贴出的<

浏览 1提问于2021-05-18得票数 0

1回答

在表单中实现挂钩的设计模式

reactjs、react-hooks

this.state.name} /> </> }其中，如果状态的变量与输入元素的名称具有相同的定义，则可以在所有进一步的输入添加中重用handleInputChange。现在，我面临的一个困难是，在钩子设计模式中，对于这个用例来说，什么是最

浏览 0提问于2019-03-31得票数 2

1回答

如何在多个反应本机项目中重用代码？

javascript、react-native

我有这么多的反应-本地项目，其中大多数需要相同的逻辑，在应用程序的许多部分。就像相同的钩子、相同的util函数和相同的组件。我对如何解决这个问题还不太了解，但我做了一些调查，发

浏览 1提问于2022-11-21得票数 2

回答已采纳

3回答

具有相同ref，React的多个元素

javascript、reactjs

这个问题用querySelector很容易解决，但我读到在React中使用它是一件坏事，不是吗？

浏览 51提问于2017-12-14得票数 0

回答已采纳

点击加载更多