【发布时间】：2020-03-11 22:27:02
【问题描述】：
我正在使用 VS Code 使用 React/React Native。
有时候，特别是当你试图重构某人的工作时，你需要像
这样的东西#region regionName
...
#endregion
JSX 有什么替代品吗？
【问题讨论】：
标签： reactjs react-native visual-studio-code jsx
【发布时间】：2020-03-11 22:27:02
【问题描述】：
虽然有点笨拙，但这对我有用，VS Code 版本1.48.0。
... JSX ...
{
//#region
}
... JSX, will hide with the Fold All Regions command ...
{
//#endregion
}
... JSX ...
【讨论】：
你可以使用
//#region something
...
your code
...
//#endregion
【讨论】：
-
在 JSX 中这不起作用并且在 {* #region name *) 内部不起作用
-
你必须在开头加上双反斜杠
// -
该问题专门询问 JSX，而此答案与 JSX 不兼容。
-
@PatFowler 我认为#region 不是 JSX 的一部分，它纯粹是与编辑器相关的，如果你曾经使用过 Visual Studio，那么你可能之前看到过，基本上 #region 是为了做一个块，显示/将我的部分代码隐藏到代码文件中，使其更具可读性。有些时间问题不足以理解问题，您必须阅读一些细节。如果我错了，请纠正我，我总是愿意接受任何技术辩论。
-
这个问题具体是关于如何在 VS Code 中启用基于区域的代码折叠，这就是我在这里找到自己的方式。据我所知，没有办法使用
#region的 VS 概念来启用 JSX 代码块内的代码折叠。