小编fam*_*oes的帖子

Recharts 文档描述了如何在悬停期间设置数据点样式以及工具提示的格式。

然而，在悬停期间，文档中似乎没有描述出现的垂直实线（除非我错过了它）。

是否有允许格式化该行的道具？

（如果您不知道我在说什么，那就是我的示例图像中“Nov-14”上方的垂直实线）

这是我的折线图和结果：

                     <ResponsiveContainer>
                        <LineChart data={this.props.data} margin={{ top: 5, right: 30, left: 20, bottom: 5 }}>
                            <CartesianGrid strokeDasharray="3 3" />
                            <XAxis dataKey="date" tickFormatter={xFormatter}/>
                            <YAxis dataKey="value" tickFormatter={yFormatter}/>
                            <Tooltip />
                            <Line type="monotone" dataKey="value" stroke="#4F80E4" strokeWidth={2}/>
                        </LineChart>
                    </ResponsiveContainer>

我有一个使用 格式化的输入字段.toLocaleString()。

然后我需要使用parseFloat()该值将其转换为数字。

要在美国语言环境中执行此操作，我只需value.replace(',','')在执行parseFloat().

但是，这在千位分隔符和小数点颠倒的欧洲语言环境中不起作用。

有没有一种方法可以确定您的用户所在的区域设置，然后确定是否首先反转逗号和小数？

我正在使用 React (16.12.0) 和 PhpStorm (2019.3.1)。

我导入的包是 react-router-dom (5.1.2)

我将编写以下导入：

import { NavLink, Switch } from "react-router-dom";

这两个包都由 webpack/babel 正确导入，并且当我同时使用 Switch 和 NavLink 时，页面会正确呈现。

然而，纯粹从 IDE 的角度来看，我收到了关于 Switch 的警告： Cannot resolve symbol 'Switch'

这很奇怪，因为它显然就在那里，我登记入住/node_modules/react-router-dom并Switch.js在那里。

奇怪的是在之前版本的 PhpStorm 上（在几次更新和插件导入和其他更改之前），PhpStorm 准确地找到了 Switch 导入。

我最近没有更新 react-router-dom 并且正在使用其最新的稳定版本。

关于为什么可能缺少 Switch 的任何想法？

编辑： 我意识到这可能是因为 PhpStorm 难以导入 commonJS 模块。

我尝试将 Javascript 编译方法从 React JSX 更改为 ECMA 6。那没有用。

我还尝试为 react-router-dom 导入一些构建库，这有助于Route奇怪地识别导入但不是Switch.

我还尝试使 PhpStorm 缓存无效并重新启动应用程序，但这也不起作用。

编辑 2： 根据答案，当我的光标在其中时，我尝试使用 option+enter（Windows 上的 alt+enter） …