在WebStorm中使用TypeScript对扩展参数进行奇怪的可视化包装

这只是一个视觉问题

…rest

参数在WebStorm中用TypeScript封装在3行不同的行中

这是代码的一个示例：

import React, { FC } from 'react';
import { View } from 'react-native';
import { MarkerProps } from 'react-native-maps';

export interface ITeddyMarkerDraggable extends MarkerProps {
}

const TeddyMarkerDraggable: FC<ITeddyMarkerDraggable> = ({
  props,
  ...rest,
}) => <View />;

export default TeddyMarkerDraggable;

import React，{FC}来自'React'；
从“react native”导入{View}；
从“react native maps”导入{MarkerProps}；
导出接口ITeddyMarkerDraggable扩展了MarkerProps{
}
常数TeddyMarkerDraggable:FC=({
道具，
休息
}) => ;
导出默认的TEDdyMarkerDragable；

和一张图片来说明这个问题：

---

灰色箭头代表什么？我可以使用哪个设置来帮助解决这个问题？

提交给开发人员，请按照“灰色箭头代表什么”进行更新。它通过虚拟地分割成单独的行来适应屏幕上的长线，以防止水平滚动（正如您可能看到的，您在边距中没有介于10和11之间的行号）。您可以通过

查看|活动编辑器

菜单（或排水沟区域关联菜单）禁用当前文件的该功能。对于默认的开/关切换，只需使用设置/首选项窗口中的搜索字段即可。谢谢！我刚刚注意到禁用软包装解决了这个问题。我还在JetBrains支持中心开了一张票。不确定这是否是一个问题…此处进行这种包装的实际原因必须是超长参数名称提示（即

：Pick--似乎相关。请尝试2020.1 Beta/EAP build（您可以与当前版本一起运行--IDE范围的设置单独存储）--它应该在那里工作得更好。我试过2020.1测试版。默认情况下，它确实会折叠很长的“嵌入提示”。当打开窗口时，奇怪的格式仍然会出现，因为窗口不够宽，您无法再次折叠提示。最后，我想这不是一个真正的问题。