小编Won*_*gjn的帖子

我有适合我的应用程序的过滤器。我想要进行浅层路由，并在用户更改过滤器时将查询添加到 URL，同时更新我的​​应用程序状态。然而，这似乎是我维持着两种状态。有这方面的最佳实践吗？我希望我的 URL 与应用程序状态相匹配。

我正在构建一个反应应用程序。

我将滑块导入到文件中，然后得到了一个css-loader. 我正在使用网络包。

这是我的滑块：

import React, {useState} from 'react';
import RubberSlider from '@shwilliam/react-rubber-slider';
import styles from '@shwilliam/react-rubber-slider/dist/styles.css';

export const Slider = () => {
  const [value, setValue] = useState(0.5)

  return <RubberSlider width={250} value={value} onChange={setValue} />
}

这个 ^ 将进入另一个组件并被调用。

当我评论出来时一切都很好

import React, {useState} from 'react';
import RubberSlider from '@shwilliam/react-rubber-slider';
import styles from '@shwilliam/react-rubber-slider/dist/styles.css';

export const Slider = () => {
  const [value, setValue] = useState(0.5)

  return <RubberSlider width={250} value={value} onChange={setValue} />
}

但我需要这些样式的滑块，当我运行 Webpack 命令时，出现此错误：

import styles from …

(function b() {
  console.log(b);
  b = 20;
  console.log(b);
})();

我写了这个 JavaScript IIFE。
第一个console.log记录函数体。
然后b使用 value 创建变量20。
第二个console.log还记录函数体。
为什么不20？