我可以在React中使用多个布尔值进行条件渲染吗？

reactjs、components、conditional-rendering

我想在React组件中做一些类似以下的事情： {this.props.isOpen && this.state.isReady && <div> Hello!</div>}是否可以使用多个布尔值在React中有条件地呈现组件？这是否可能将布尔值呈现给用户？

浏览 5提问于2017-12-07得票数 3

回答已采纳

1回答

嗨，我在React中有这个组件，这个组件的作用是当输入字段值改变时，我将该值存储在messageIput state variable中，当用户开始键入时，我调用handleMessagePress和printing composing，并等待5秒，如果用户在5分钟后仍然键入，则再次输入printing composing，如果用户停止键入，则调用handleChange和prints paused但是现在的问题是，当我在messag

浏览 30提问于2021-10-08得票数 0

回答已采纳

1回答

React Router VS条件渲染

javascript、reactjs、react-router-v4

我对使用React Router和常规的条件渲染方法之间的核心差异(特别是在性能方面)感到困惑。我所指的“常规条件渲染方法”是，例如：我们可以在父组件中设置一个状态，并将其作为子组件的道具传递，我们根据需求有条件地更新这种状态，子组件将根据其道具重新呈现不同的内容。我认为它可以达到与使用React</

浏览 2提问于2018-07-05得票数 15

2回答

在react中更改条件呈现时的布尔值

javascript、reactjs

在有条件地呈现react后，我如何更改布尔值？我想做一个条件渲染，然后在条件中改变布尔值，但是不知道你是怎么做的。它很简单，很有用，所以我怀疑这是可能的，但我不知道正确的语法/方法，我的google搜索结果充满了不相关的东西。hasBeenPrinted && <h4>Congratulations on your first big dea

浏览 3提问于2022-01-31得票数 1

1回答

REACT:点击按钮编辑后如何更新列表？

javascript、reactjs

我有显示类别列表的主要组件应用程序。这个列表是我从服务器上得到的，显示在组件表的视图表格中。组件应用程序也有子组件ChangeCategory。使用此组件，我可以更改某些类别的标题。中的请求之后，我从服务器得到以下响应： {"data": [ {&

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

回答已采纳

2回答

如何理解这个有条件地显示标记的React代码？

reactjs

正在尝试查找与此Vue.js语句等效的React：在React中，我偶然发现了这个语法，它工作得很好： <div>the menu</div>虽然我现在经常使用这种模式来有条件

浏览 2提问于2020-10-27得票数 0

2回答

功能组件中的React* onClick事件*

reactjs、onclick、react-hooks、react-functional-component

我尝试添加一个onClick事件，它会在我的功能组件中显示/隐藏一个div，你能帮我解释一下为什么它不工作吗？AllStatements /> : null }} <div> </div>我是否错误地使用了

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

1回答

在createBottomTabNavigator中有条件地呈现路由-导航

reactjs、react-native、conditional-statements、react-navigation

在我的反应本机应用程序中，我想在我的导航菜单中有条件地呈现路由。我在导航菜单中使用了react导航createBottomTabNavigator。当观察到的角色

浏览 0提问于2019-09-10得票数 1

1回答

没有道具/状态的react- transition -group转换初始渲染

css、reactjs、animation、react-transition-group

我目前正在使用Portals在我的应用程序中实现一个Modal组件。我试图实现的是，当渲染Modal组件时，它应该淡入，当它不再渲染时，它应该淡出。查看react-transition-group文档，似乎必须使用道具才能实现这一点，但是我希望没有任何形式的状态或道具的解决方案。当Modal不再基于这些组件之上的某些条件进行渲染时，它应该会淡出。

浏览 4提问于2018-01-25得票数 0

2回答

Material-ui有条件地禁用单选按钮

javascript、material-ui

我正在构建一个使用material-ui的React应用程序。我想在某个事件发生时禁用RadioGroup中的所有单选按钮，并在事件消失时重新启用它们。我有下面的条件渲染片段和一个三元运算符，它可以完成这项工作，但它看起来真的很多余。有没有更好的方法来做这件事？又名。有没有办法把Material-ui组件的属性(这里是disable)变成一个变量？

浏览 29提问于2020-08-27得票数 1

回答已采纳

5回答

React本机平面列表条件呈现

react-native、react-native-flatlist

我在react原生中有下面的平面列表，其中包含以下项目。现在，我还有下面的renderItem函数，它用于呈现平面列表的元素。style={{fontSize: 15}} /> </View> )} 我想根据项目键渲染一

浏览 12提问于2018-12-07得票数 4

3回答

react.js构造函数调用了两次

javascript、reactjs、react-redux

我有一个帖子列表，我试图在每个帖子的构造器或componentDidMount中调用一个操作。但不知何故，当我发送一个新消息时，构造器和componentDidMount函数被调用了两次。this.props.actions.action1(); this.props.actions.action2();} 这些函数仅在从列表中读取帖子时调用一次我怎样才能避免这些情况。我试着像

浏览 187提问于2019-03-12得票数 8

2回答

document.cookie显示不一致长度

javascript、reactjs

我正在制作一个create-react-app，它在document.cookie中存储一个访问令牌，以处理登录/访问受保护的路由。isLoggedIn={this.isLoggedIn} /> { this.props.isLoggedIn如果我尝试从this.props.isLoggedIn()内部记录TopBar

浏览 7提问于2022-07-13得票数 -1

2回答

为什么在这个片段中没有看到useEffect =1呢？

reactjs、react-native、react-hooks

我正在测试React.useEffect，注意到了一个我无法解释的有趣的行为。当我运行下面的代码并单击按钮几次时，我会看到下面的输出，它丢失了count =1的useEffect控制台 console.log('ran app') <

浏览 5提问于2022-11-26得票数 2

回答已采纳

1回答

axios，使用api登录，句柄令牌

javascript、reactjs、login、axios、access-token

我刚来react，想找份工作。做测试任务，我需要用api和axios .I进行登录和注册。我所做的就是在时间戳中获取access_token、update_token和expire。我不知道如何处理令牌，如何存储它，重定向到其他页面。我试着用谷歌搜索它，但它似乎太复杂了。如果你能给我关于下一步的任何建议，那就太好了。还有任何教程或帖子。下面是我的代码： handleClick(event) { event.

浏览 21提问于2019-03-15得票数 2

1回答

React组件无限地重新呈现在useEffect钩子中设置的相同布尔值状态？

reactjs、react-hooks

我在下面的代码片段上进行实验，以了解React useState和useEffect挂钩的行为。const [foo, setFoo] = React.useState<boolean>(true); console.log("Settingstate foo to false ..."); }, [foo]); 在当前的实现中，该效果应该在mount、

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

3回答

React函数组件使用Redux重新呈现

reactjs、redux

我对与React一起使用功能组件相关的事情感到困惑。这是我的组件，实现细节并不那么重要： }当我检查我的日志时

浏览 4提问于2019-08-07得票数 0

1回答

有没有办法检测用户是否在其操作系统上禁用了动画？

javascript、reactjs

我正在使用React编写一个前端应用程序，并在其中一个组件上渲染动画。如果用户在其设置中禁用了动画，我希望在其位置显示一个静态图像。有没有一种方法可以判断动画是否被禁用，这样我就可以进行一些条件渲染了？

浏览 16提问于2021-07-09得票数 0

1回答

使用jest和react- Test -library测试正确的SVG组件呈现

reactjs、svg、jestjs、react-testing-library

我在React组件中有一个svg，它可以有条件地呈现。 <div className='avatar'> {gender === true ?最初，我希望MaleAvatar svg渲染，然后如果性别的值被更改为false，FemaleAvatar svg渲染-但是男性头像应该首先渲染，这就是我想测试的。条件所在的组件是一个孩子的孩子，但我是通过文本测试该

浏览 22提问于2021-04-12得票数 2

2回答

如何修复React项目上的可选链接错误？

javascript、reactjs、redux、web-applications、jsx

我目前正在学习redux和同时构建一个应用程序。我在用户身份验证中使用了可选链接。但我收到了这个错误信息。You may need an appropriate loader to handle this file type.( /#__PURE/React.createElementdisplayName)，className{ className："headerOption__title"，headerOption__title __se

浏览 6提问于2022-08-10得票数 1

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

我可以在React中使用多个布尔值进行条件渲染吗？

相关·内容