javascript - 在davezuko/react-redux-starter-kit中，如果组件用类定义而不是函数，测试会报错

问题描述

问 题

davezuko/react-redux-starter-kit中，他们的组件是用Dan推荐的function定义的，但是我想用class（就是extends Component），结果测试的时候就报错了，当然程序运行起来是没问题。][2]

我的组件现在的写法是

import React, {Component, PropTypes} from 'react'
export default class InputText extends Component {
  constructor (props, context) {
    super(props, context)
    this.state = {}
  }
  render () {
    return (
      <input type="text" />
    )
  }
}

但是使用官方原来的写法测试就没问题：
这是原来的写法

export const InputText = () => (
  <input type="text" />
)

究竟是哪里出问题了呢？是test-bundler.js还是karma.conf.js?我该怎么修改？

解决方案

我的输出错误了，应该独立输出

//组件应该这样写
default class InputText extends Component {
 
}
// 然后这么输出
export default InputText

这篇关于javascript - 在davezuko/react-redux-starter-kit中，如果组件用类定义而不是函数，测试会报错的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！