如何在react中隐藏和显示div

文章/答案/技术大牛

发布

2回答

在复选框中显示外部组件在两个无状态组件之间单击

javascript、reactjs、redux、react-redux

我对react和redux有点陌生。我试图从父组件调用/显示另一个无状态组件的div。</div>}; return ( <input type="text" placeholde

浏览 46提问于2020-01-17得票数 1

回答已采纳

1回答

按钮单击在React组件中显示/隐藏

javascript、reactjs、object、redux、react-redux

我想知道如何在组件之间显示/隐藏，单击下拉选项Show Data，应该隐藏图像和显示文本。我有一个Home组件，其中我使用Option组件，单击Show Data，应该显示文本Welcome!!!并隐藏图像，如何在react中做 import Option from "./Option"; class Home extends React.P

浏览 9提问于2020-01-23得票数 0

回答已采纳

3回答

javascript、reactjs

嗨，我是reactjs的新手，我想学习如何在点击按钮时隐藏和显示div。这是我想要隐藏的视图部件 <div> <

浏览 23提问于2017-01-24得票数 16

回答已采纳

4回答

如何在react组件中打开bootstrap模式？

javascript、jquery、reactjs、bootstrap-modal、react-bootstrap4-modal

有一个react组件。需要打开引导模式的页面加载。尝试使用jQuery和简单的javascript，但没有成功。React组件：import $ from 'jquery' </div>

浏览 4提问于2018-10-11得票数 2

1回答

无反应反应中的单页应用程序-路由器

javascript、reactjs、single-page-application

我正在尝试使用React构建我的第一个单一页面应用程序。我想在不使用任何外部库的情况下构建web应用程序，比如React。另外，我不知道这是否重要，但我使用的是对CDN的反应。我很难找到如何在不同层次上隐藏和显示组件的反应。以下是应用程序的总体结构：.../> </div>} function AccountVie

浏览 5提问于2022-09-14得票数 1

1回答

按下按钮后隐藏弹出式。反应Js

javascript、html、css、reactjs

也许我必须向css中添加一些东西，或者JS代码是不正确的。密码在下面。 constructor() { this.state = { </div> : null; return ( <div className={this.state.open ?/

浏览 3提问于2017-02-05得票数 0

回答已采纳

1回答

如何在jsx中使用if else进行媒体查询

reactjs

import React, { Component, useState } from 'react' constructor(props<div> </div> <div><&

浏览 31提问于2020-11-30得票数 0

2回答

如何在React中显示/隐藏div？

reactjs

我想在单击按钮时显示<div nameClass="showName">，但this.state.name的值不为空。showResult状态检查名称的值为空或不为空，但我猜这不起作用。import React, { Component } from 'react';state = {

浏览 5提问于2018-10-28得票数 2

回答已采纳

1回答

如何防止我的带记忆的React组件在React DevTools中显示为“匿名”？

reactjs

在使用React.memo定义React组件时，如 const MyComponent = React.memo((props) => <div>...</div>); React DevTools在组件树中将该组件标记为“匿名”。如果应用程序包含多个内存组件，这可能会使调试变得混乱。如何在React DevTools中显示我的已记忆组件的名称？

浏览 21提问于2021-09-06得票数 0

回答已采纳

3回答

在React中没有使用按钮的onClick事件呈现的HTML元素

javascript、html、reactjs、state

在按钮的onClick中调用的函数适用于诸如console.log()之类的内容，但不呈现HTML元素。我完全不知道为什么会发生这种事。我正在使用功能组件。下面是与这个问题有关的代码片段。const UserAppointment = () => { return( <h1>I wantthis to render on click</h1> </div>

浏览 4提问于2020-10-15得票数 0

回答已采纳

2回答

在react中隐藏和显示外部组件

reactjs

我是react的新手，我有一些麻烦想解决。我想知道如何在执行rest调用之前和之后显示和隐藏react组件。我有以下组件： return ( <Modal isOpen={true} centered</ModalHeader> <ModalBody >

浏览 15提问于2020-02-27得票数 1

回答已采纳

1回答

如何通过react修改html中现有的div元素？

reactjs

是否可以通过id使用react来显示和隐藏现有的div元素？例如，我希望使用react让这个<div id="example">this is example</div>显示并按一下按钮隐藏，而这个元素不是由react创建的。

浏览 1提问于2018-11-13得票数 1

回答已采纳

2回答

如何添加图像以显示/隐藏div javascript？

javascript

如何在javascript中添加图像(如+或-)来显示/隐藏div？我使用这段代码显示/隐藏div： $('a.hide').click(function() { $(this).closest('.hideable

浏览 1提问于2011-08-16得票数 1

3回答

如何在反js中隐藏和显示div

reactjs

我对React.js非常陌生，我很难理解它是如何工作的。我需要显示和隐藏的- <p className='service_explication more'>{props.more}</p> -与一个平稳的动画按钮点击。import React, { useState } from 'react';impo

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

回答已采纳

1回答

React组件div id不会隐藏map循环中使用的内容

javascript、reactjs、react-redux

我在一个随应用程序一起加载的index.html文件中包含以下代码： $(window).on('load', () => { $('#oneb').hide(); <<e

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

回答已采纳

1回答

React函数道具

javascript、reactjs、inheritance、mixins

让我先给你看一个例子：对于这种情况，我希望hidden属性以如下方式工作:如果值为真，则为- hide组件，否则显示为。我对React的内部原理了解不多，但这似乎是可能的。我们只需要扩展React.Component类。也许在全球范围内扩展所有的功能属性并不是一个好主意，但是在顶部有这样的东西会很好：import extend

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

2回答

如何隐藏和显示元素的反应

reactjs

我已经尝试并要求能够隐藏并显示测试字段，点击代码中的按钮。我尝试过其他方法，但我需要能够用从const开始的代码来实现. } </div>}; <div> <About /> document.getElementById

浏览 6提问于2022-05-03得票数 -1

回答已采纳

1回答

是否可以在React.js中对子组件隐藏父组件？

reactjs、web、components、parent-child、parent

如流程图()中所示，如果主组件呈现登录组件，则需要隐藏标头组件。但是，如果主组件呈现主组件，则需要显示头组件。这是App.js文件：import React from 'react'import Main from 'Main' <<

浏览 4提问于2021-01-22得票数 2

3回答

我正在尝试在react 16中实现隐藏/显示按钮，如果我单击一个按钮，它应该显示Card按钮，如果我单击card按钮，它应该隐藏card按钮，我已经实现了这一点，但我使用了componentwillReceiveprops属性，这在react 16中是不推荐的。我尝试了static getDerivedStateFromProps，但当我在handleclick working js fiddle中执行setState时，它

浏览 13提问于2019-04-14得票数 1

1回答

如何创建类似选项卡的菜单，但在React应用程序中却略有不同

reactjs、react-hooks、toggle、show-hide

因此，在特定的React页面中，我添加了CopyToClipboard和children TabIcon： <TabIcon type="link" title=current); <div> {children.map((item) => ( <TabIcon<CheckIcon /> :

浏览 8提问于2022-09-15得票数 1

点击加载更多