如何在react中返回null而不是fragment？

文章/答案/技术大牛

发布

3回答

reactjs

根据某些情况，我想在react中返回null而不是fragment。如果条件为真，则呈现组件，否则应返回null。 <Fragment> <ChildComponentname="name1"

浏览 21提问于2019-11-25得票数 1

回答已采纳

2回答

反应18碎片抱怨太多的儿童

reactjs、typescript

几天前，我试图在我的“反应”应用程序中添加“故事本”( Storybook )，基本上所有东西都崩溃了。我是从备份中恢复的，但是它没有包含node_modules文件夹，并且'npm‘没有将事情恢复到原来的状态。现在，我从片段的类型记录中得到了这个错误： 81 |

浏览 6提问于2022-04-28得票数 0

2回答

用片段返回const到

reactjs、syntax

将requiredText和React.Fragment一起返回到我的故事中不会产生任何合理的输出。); return <Banner header={requiredText} />; class Banner extends React.Component

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

回答已采纳

2回答

我试图返回一个组件，只有当它在特定类别中时，它才会呈现。从服务器获取的类别对象有一个product_ids列表。我将product_ids的列表传递给组件，并检查它是否在列表中，如果是，则返回它。Or, to render nothing, return null. // index.js (Every other function will be in this function as well_.isEmpty(productIds) && productIds.i

浏览 1提问于2019-07-30得票数 0

回答已采纳

9回答

如何避免在反应中额外包装<div>？

javascript、reactjs

</html>从开始，您可以这样做： return ( <ChildA

浏览 1提问于2015-11-17得票数 150

回答已采纳

2回答

使用对象填充地图/重构

javascript、reactjs

我想在我的map中返回一个自定义对象，这样我就可以构造一个具有动态列和行的表。我有我的数据： const cols = (p) => { <div>{p.username}</div> <div>{p.surname}</div> </React.<em

浏览 12提问于2019-04-16得票数 2

3回答

"react“中的ReactFragment是什么意思？

reactjs、typescript、react-fragment

import React, { Fragment, ReactFragment } from "react"; export interface PageProps { );我大概知道React.Fragment是什么。我们可以使用基于导入糖化的<></>、<React.Fragment<

浏览 7提问于2020-08-10得票数 3

回答已采纳

1回答

嵌套对变量中的组件起作用

javascript、reactjs、web、jsx、react-component

我在底部附加了相关代码嘿，伙计们，我已经创建了一个包含多个按钮组件的文件，以及一个函数组件，它应该根据它接收到的道具呈现2个按钮(例如，在主页中呈现和呈现时，以及在另一个页面中呈现和呈现)。我尝试实现按钮功能的方法是创建一个变量，该变量将根据当前url获得在开关情况下分配给的两个正确的按钮，并返回该变量。我尝试分配一个由React.Fragment组成的JSX元素，其中包含两个相关的按钮组件，但是我遇到了一个错误，我说我需要一个相应的结束标记。page.lastIndexOf('/&

浏览 1提问于2019-11-25得票数 0

2回答

如何在TypeScript React组件中返回字符串或JSX元素？

javascript、reactjs、typescript

我收到了这个奇怪的TypeScript错误： import React from 'react' children: string return null return null if (!为什么它不允许我返回一个字符串？如何在TypeScript中修复此问题？

浏览 91提问于2021-01-14得票数 1

回答已采纳

1回答

location.pathname更改上的滚动恢复？

reactjs、react-router、react-router-dom

页面应该只在路径名改变时滚动到顶部，React.memo应该只在路径名改变而不是queryparams改变时返回true。但是，即使当更新返回false时，页面也会滚动到顶部。window.scrollTo(0, 0); return () => { }; return (null); export default withRouter(React.memo(Scr

浏览 8提问于2021-06-15得票数 0

2回答

必须返回有效的ReactJS元素(或null)，ReactJS中出现错误

reactjs

我正试图在我的应用程序中创建一个指向authenticate链接的组件。import React from 'react' render() { if(this.props.authenticate) { con

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

1回答

在同一个容器下返回两个li对象

javascript、reactjs

所以我有了，而且运作得很好。但 {users.slice(sliceTopNum, users.length).map(user => { if (i && i % 5 === 0) { <li> <p>I am an Ad</p> </li>

浏览 1提问于2018-05-23得票数 1

回答已采纳

2回答

我无法找到从容器中设置列表元素键的方法，即使容器可以很好地设置任何其他属性

reactjs

在下面的示例中，从列表中正确设置了"id“属性，但是控制台发出警告：const Child = Parent => ( <Parent>

浏览 5提问于2021-07-04得票数 1

3回答

重构react代码以检查状态为空的条件

reactjs、react-native

我有工作的反应本机代码作为下面的样本，我计划重构的可读性的原因，基本上我需要检查state.room是否有内容，然后返回文本然后字段的内容 return ( : null } : null } );

浏览 29提问于2020-08-09得票数 0

回答已采纳

7回答

如何从react中的render函数返回空的jsx元素？

javascript、reactjs、react-native、jsx

我在react中有一个代码，如下所示：class UserManagement extends React.Component { super// until the users state is updated, I want to return an empty element return null/15.1.0/react.min.js"></script&g

浏览 6提问于2017-07-26得票数 16

回答已采纳

1回答

如何在嵌套映射函数中应用条件？

javascript、react-native、jsx

我想处理我的item.fieldtype结果的每一个字符串，但我没有找到一种方法，有人知道怎么做呢？ <SafeAreaView style={{flex: 1}}> {Object.keys(Body).length > 0 ? ( // if (item.fieldtype ==

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

回答已采纳

1回答

类型'Element[]‘在处理react子级时缺少以下属性

reactjs、typescript

子节点既可以是节点，也可以是节点数组，并且取决于它是节点还是节点数组，ChildComponent中的子节点被不同地呈现。但是，当我在ChildComponent中呈现ParentComponent时，我会得到以下类型记录错误：请看下面的代码。如何在</em

浏览 3提问于2021-03-23得票数 4

回答已采纳

1回答

TSX:嵌套递归对象数组接口

reactjs、typescript、components、create-react-app、react-tsx

我无法让我的typescript接口与react tsx组件一起工作。我已经获得了对象数组中的所有项，以及可能的子项。我尝试了许多不同的接口，但总是以某种错误而告终，目前只有map函数似乎不能与接口一起工作。NavListProps; items: { [index: number]: NavListItem }; <ul>{<NavList items={item.chil

浏览 35提问于2019-07-14得票数 0

回答已采纳

3回答

尝试在“使用定义”组件中使用两个道具

javascript、reactjs、react-native、react-props

我在我的自定义组件中添加了两个道具(textProp & imgProp)，但是我一直在获取这个错误JSX expression must have one parent element。

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

回答已采纳

3回答

如何在React中将JSON转换为Html

reactjs

如何在react应用程序中使用html元素将JSON转换为普通的html？输出只是呈现为字符串，而不是html元素。import React from "react"; import ".console.log("Unk

浏览 2提问于2020-10-15得票数 1

回答已采纳

点击加载更多