小编jul*_* oh的帖子

我最近安装了 WSL 2，但是当我使用 create-react-app 创建应用程序并使用 npm start 时，当我编辑某些文件时，该应用程序不会重新加载。我错过了什么吗？

您好，我正在尝试使用

this.history.push({
                    pathname: `/search-results`,
                    search: `${job}$${location}`
                  }) 

在我使用 type script 的类组件中。然而，它给了我一个错误，即“横幅”类型上不存在属性“历史”。TS2339

我可以看到功能组件的其他示例，您可以const history = useHistory();从 hook 中执行和使用 history.push。

如何在类组件中做同样的事情？

我的 Angular 应用程序中有这个浮动按钮，

  <button [ngClass]="{
  'mdc-fab--extended': extendedClass,
  'mdc-fab--mini': miniClass
}" class="mdc-fab mdc-fab--touch    ">
<div class="mdc-fab__ripple"></div>
<span class="material-icons mdc-fab__icon">mail</span>
<!-- <span class="floating-span">My Invite Link</span> -->
<div class="mdc-fab__touch"></div>

当屏幕尺寸为 768px 或更低时，我需要将 mdc-fab--extended className 更改为 mdc-fab--mini 吗？我可以做什么来实现这个功能？谢谢

我已经尝试过，但课程没有被删除/添加

    if (window.innerWidth < 768) {
  this.miniClass = true;
  this.extendedClass = false;
} else {
  this.miniClass = false;
  this.extendedClass = true;
}