通过登录控制台而不使用前端呈现部分来响应redux测试

import index.tsx到正在呈现的组件,在您的情况下,导入到app.tsx

例如:

//index.tsx

const testLog = (message) => {
  window.console.log(message)
}
export default testLog

然后在app.tsx上假设它是有状态组件:

// App.tsx

import * as React from 'react'
import TestLog from './todo/index'

class App extends React.PureComponent {
  public componentDidMount(){
    TestLog('hello')
  }
  public render(){
    return(
     <div>test</div>
    )
  }
}
export default App

你也可以使用 global.console.log() 在typescript上

我打算写一个评论,但它变得更大,所以这里是一个答案。

它会登录到浏览器的web开发人员控制台。文档可能不太清楚,但实际上您正在使用一个javascript文件,并在一些html文件中使用它,然后用浏览器检查它。

因此,当您console.log时,您有一个gui,并在开发工具控制台中看到结果。显然,您需要在创建存储的地方使用getState(),并且必须以某种方式运行该文件。

我建议你看《红人》创作者的那两个教程。他们是伟大的,让你了解什么是在雷德乌斯的罩下,以及如何把事情粘在一起。

Getting Started With Redux

Building React Applications with Idiomatic Redux

如果你是如此新的反应,首先去没有红色素,然后消化反应后去红色素。作为一个学习者,我对javascript没有太多的经验,我已经从这个顺序中学到了很多东西。

有几个地方你可以检查你的日志。

1. 使用减速机
   您将拥有一个名为reducer的函数,在其中调度命中。因此,你可以记录你的补丁。

2. 地图状态
   此函数的第一个参数是存储中的状态值。因此,当您将组件与此函数连接时,对存储的任何更改都可用于此函数。

3. 中间件
   您可以在存储库中添加一个中间件,并在其创建时将其用于存储空间。 你可以退房 redux-logger 使用此层的npm模块。