我是react编程的新手，我想知道如何根据共享相同类的特定条件来呈现内容。下面是我的代码， render = () => {
浏览 12提问于2020-01-24得票数 1
回答已采纳
1回答
我想隐藏父组件的内容或JSX，并在单击某个按钮时显示子组件的JSX。 有两个组件ABC和XYZ。所需的行为:当按钮被点击时，XYZ组件应该呈现在与className侧边栏相同的div中，但是组件ABC的JSX现在应该被隐藏。 目前，当我单击按钮时，当ABC仍然在那里时，XYZ呈现。class ABC extends React.Component { <div className="sidebar">
<h
浏览 8提问于2019-10-02得票数 0
回答已采纳
1回答
我对使用React Router和常规的条件渲染方法之间的核心差异(特别是在性能方面)感到困惑。我所指的“常规条件渲染方法”是，例如：
我们可以在父组件中设置一个状态，并将其作为子组件的道具传递，我们根据需求有条件地更新这种状态，子组件将根据其道具重新呈现不同的内容。我认为它可以达到与使用React Route
浏览 2提问于2018-07-05得票数 15
我同时导入了SignIn和Join组件，而实际上我只需要导入其中的一个。在state.showModal上找到了我要导入的文件的名称，如何只导入我需要的文件？然后当我开始展示我正在做的这些组件时...<showModal /> 完整的代码片段如下... import { ReactElement } from 'react';
import { LayoutShape } from '
浏览 25提问于2021-09-24得票数 1
我有两个基于布尔条件更改的布局。条件的名称是showMap。所以这就是我要做的。</Grid>对于React中的这种条件复杂渲染，有没有更好的方法？If的实现如下：
fun
浏览 9提问于2020-03-10得票数 0
如果我有两个父组件，它们根据一个标志有条件地渲染，如果两个父组件共享一个子组件，那么这真的永远不会改变，我如何避免重新渲染该子组件？ Codesandbox。正如您所看到的，我甚至尝试过使用React.memo，但是rendered side仍然打印。
浏览 6提问于2020-07-14得票数 0
回答已采纳
1回答
我是一个新的反应和钩子。我有四个页面(使用react钩子的功能组件)，在这些页面中，我需要根据某些条件呈现另一个组件。我知道我总是可以做条件渲染。喜欢,返回isValid？component1 : component4；
因此，这里的component1 (如果条件为真，我希望在每个页面中呈现)对于所有四个页面都是相同的。但似乎我需要对所有四个页面/功能组件执行此操作，我不想
浏览 0提问于2020-07-28得票数 1
正如标题所说，我需要访问所有子对象React.Children.map(this.props.children, (child)...的映射函数的每个child元素
我需要这个，因为我想要有条件地渲染某些道具，并根据当前正在渲染的子对象来阻止基于某些条件的渲染。让这个映射函数工作的唯一方法就是把它包装在一个return()函数中。有什么想法吗？renderChildren(func
浏览 1提问于2018-03-20得票数 0
2回答
我想根据状态做一些有条件的渲染。我的状态看起来是这样的： text: '', someMoreData: [{...}] moreData: ''我想根据我所在州的属性键中是否存在someMoreData字段来进行条件呈现。我当前的代码如下所示：
浏览 0提问于2019-10-05得票数 2
例如，我有一个视图，在这个视图中，我们有另一个View2，它是有条件地呈现的。那么，如果我将这个View2显示和隐藏1000次，它会影响内存吗？
浏览 24提问于2019-05-01得票数 0
我有一个useInput钩子组件，它的工作原理如下： useInput( "phone"
) 它获取一个( input，inputName)并返回一个挂钩的输入组件。当我想要动态更改视图中现有输入的可见性时，我会得到一个错误:渲染的钩子比上次渲染时要多。
浏览 5提问于2019-05-15得票数 8
回答已采纳
1回答
React-Native如何使用条件渲染循环JSON API我是一个新手，请指导我，谢谢。
我的代码：
浏览 1提问于2017-02-18得票数 1
我为React使用了AgGrid，并且我使用的是类样式的react组件，而不是功能组件。 我的目标是基于属性条件渲染cellStyle。 然而，当我想渲染它时，它甚至在道具没有加载的情况下渲染。我该如何解决这个问题呢？
浏览 46提问于2021-10-16得票数 1
回答已采纳
3回答
嗨，我有下面的代码，它根据用户的查询一次呈现两个按钮，例如：'Yes‘和'No’。目标是，一旦用户单击了这两个按钮中的任何一个，这两个按钮都应该消失。我尝试添加一个设置状态组件，如下所示： export default class Reply extends React.PureComponent { </Button> } else {
浏览 30提问于2021-01-12得票数 0
回答已采纳
5回答
我在react原生中有下面的平面列表，其中包含以下项目。现在，我还有下面的renderItem函数，它用于呈现平面列表的元素。={{fontSize: 15}} /> </View> )}
我想根据项目键渲染一个不同的渲染</em
浏览 12提问于2018-12-07得票数 4
目前，我正在通过API在React中开发一个字典应用程序。在此API中，有些词有同义词，有些没有，反义词和示例也是如此。如果它们可用，我想显示它们，但如果它们不可用，我想显示“数据不可用”。这是反义词的代码- import React from "react";
return (
浏览 12提问于2021-10-09得票数 0
回答已采纳
我只需要在悬停的时候播放视频。需要显示我提供的默认图像的其他明智之处。 <video src={video} />我使用了npm包react-hover-video-player，但我不使用外部包来执行此操作。是否有一种方法在对JS (类型记录)的反应中做到这一点？
浏览 4提问于2022-04-11得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
