问题标签 [react-fragment]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
160 浏览

reactjs - 如何根据当前 url / url 片段呈现不同的消息

在这里,我将返回当前的 react dom 内容:

所以.. Snackbar 组件为每条路线呈现 - 目标:我想要做的是根据 url 呈现不同的欢迎消息 - 最好的方法是什么?如何侦听 url 更改,然后根据 url 呈现不同的消息?

或者,我可以用 Snackbar 包装每个组件,然后将密钥硬编码到不同的消息,但这似乎没有必要。

0 投票
2 回答
60 浏览

javascript - React.js JSX 片段错误和 HTML 缺失标签

<div>在 Visual Studios 代码中,当我有两个结束标记时,它一直告诉我我在最后缺少一个<form>结束标记。我已经多次梳理了我的代码,并且确信错误不是因为结束标签,而是因为我使用了片段。我是 React 的新手,因此对如何使用片段知之甚少,任何见解都将不胜感激。这是我的代码:

当我只运行被片段包围的前两个代码块(第一个<section>和第二个)时,代码编译并工作,但只有当我添加第三个更大的块时,事情才会变得混乱。<div><>...</>

0 投票
1 回答
42 浏览

reactjs - 尝试在 React JS 获取 JSX 表达式的函数中添加循环必须有一个父元素

函数中的反应循环

我尝试添加<> </>其他答案中提到的内容,但效果很好。它是一个带有 return 语句的简单函数组件:

0 投票
3 回答
258 浏览

reactjs - “react”中的 ReactFragment 是什么意思?

我正在查看.tsx如下所示的代码。

我大致知道 aReact.Fragment是什么。
我们可以使用<></>或基于导入糖化,对反应元素进行分组<React.Fragment></React.Fragment><Fragment></Fragment>

所以,我的问题是如何在ReactFragment这里工作?
只是为了表明这一点children还是commandBar属于一种React.Fragment类型?

在那种情况下,为什么不使用React.Fragment它自己呢?谷歌搜索React.Fragment只抛出结果。

0 投票
1 回答
66 浏览

reactjs - 片段可以有属性吗?

我必须为片段设置一个属性。我想做这样的事情:

有什么办法可以这样做吗?

0 投票
1 回答
26 浏览

reactjs - 在反应片段中使用语法形式时,编辑器文本颜色将被更改。如何解决这个问题呢

这里给出问题截图。如何解决这个问题呢。有什么办法解决这个问题

[1]:https: //i.stack.imgur.com/aHUvg.png reactFragment

0 投票
0 回答
22 浏览

reactjs - 为什么我的浏览器给我一个关于 div 的语法错误?

浏览器给我这个错误在此处输入图像描述我做错了什么?这仅在我添加加载程序的代码时出现