小编gfe*_*els的帖子

如果我想为变量分配类型，稍后将为其分配setInterval，如下所示：

this.autoSaveInterval = setInterval(function(){
      if(this.car.id){
        this.save();
      }
      else{
        this.create();
      }
    }.bind(this), 50000);

应该为this.autosaveInterval可变类型分配什么类型？

我试图通过推入历史对象来远离视图。但是，当我尝试将路由推入其中时，我收到一条错误消息：

“历史”类型不存在“推送”属性。

  render(){
    return (
        <div className="loginWrapper">
    withRouter(({history}) => (<button onClick={()=>{history.push('/home')}} className="btn btn-primary">Pieteikties</button>))
  </div>
    )  
}

我能做些什么来解决这个问题？

编辑：

我也试过这个：

logIn(){
  this.props.history.push('/new-location')
}

使用这样的组件：

 render(){
    return (
        <div className="loginWrapper">
<button onClick={this.logIn} className="btn btn-primary">Pieteikties</button>
</div>
    )  
}

它没有用。

我正在尝试测试一个取消订阅所有订阅的函数：

ngOnDestroy() {
        this.tryUnsubscribe(this.carsSubscription);
        this.tryUnsubscribe(this.partsSubscription);
        this.tryUnsubscribe(this.shopsSubscription);
    }

这是我为该函数编写的测试：

it('should unsubscribe from subscriptions ', () => { 
      spyOn(component, "tryUnsubscribe");     
      component.ngOnDestroy();
      expect(component.tryUnsubscribe).toHaveBeenCalledWith(component['carsSubscription']);
      expect(component.tryUnsubscribe).toHaveBeenCalledWith(component['partsSubscription']);
      expect(component.tryUnsubscribe).toHaveBeenCalledWith(component['shopsSubscription']);
    });

问题：

如果我注释掉一个函数调用，测试仍然通过。

ngOnDestroy() {
        this.tryUnsubscribe(this.carsSubscription);
        //this.tryUnsubscribe(this.partsSubscription);
        this.tryUnsubscribe(this.shopsSubscription);
    }

只有当我注释掉所有这些函数调用时，测试才会失败：

ngOnDestroy() {
        //this.tryUnsubscribe(this.carsSubscription);
        //this.tryUnsubscribe(this.partsSubscription);
        //this.tryUnsubscribe(this.shopsSubscription);
    }

如何正确测试这种功能？我究竟做错了什么？

我在 React 中有一个组件，它显示基于 prop 的导航。当我尝试运行应用程序时，我无法弄清楚为什么会出现此错误：

(19,8): Type '{}' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes<TableSystems> & Readonly<{ children?: ReactNode; }...'.
  Type '{}' is not assignable to type 'Readonly<{ todos: any; showNav: boolean; }>'.
    Property 'todos' is missing in type '{}'.

我的组件看起来像这样：

import * as React from 'react'
import Navigation from '../components/Navigation'
import TableSystems from '../components/TableSystems'

class SystemTable extends React.PureComponent<{showNav: boolean }> {
  render(){
  return (

    <div >
    <div >
    <div className="navigationContainer">
    <Navigation {...this.props.showNav} className="sideMenu"/>
      <TableSystems/>
      </div>
    </div>
  </div>)
  } …

我创建了一个测试 React 应用程序，并使用create-react-app启动它。我使用yarn start启动它，但这会启动应用程序的调试版本。我做了npm run build并创建了 build 文件夹，但是当我从/build文件夹执行yarn start时，它仍然启动应用程序的调试版本。我需要这个来测试优化版本的性能。我该如何解决这个问题？