类型错误：无法读取未定义的属性"绑定" - ReactJS - 测试库

Question

我正在为容器上的渲染部分编写测试，无论该按钮是否正确渲染。以下是代码已使用

it('should render translation inputs', () => {
            const wrapper = shallow(<COAForwardTranslations store ={storeData}/>)
            expect(wrapper.find('.btn-primary').length).toBe(1);
      });

我得到了一个" typeError：无法读取属性'bind'的'bind''的'bind''

npm install --save-dev jest
npm install --save-dev babel-jest regenerator-runtime

，但我仍然会出现错误。

我做错了什么，只是检查按钮是否正确渲染在容器上。

class COAForwardTranslations extends Component
{
    constructor(props, context) {
        super(props, context);
        this.state = {
                SegmentMapRequest : {
                BranchCode: '',
                GroupId: '',
                GlCompanyCode: '',
                GlAccount: '',
                SourceMode: '',
                SourceSystem: '',
                JournalCategory: '',
                EffectiveDate: ''
            },
            segmentMapResponse:{}
        }
        this.handleRequestChange = this.handleRequestChange.bind(this);
        this.handleForwardTranslation = this.handleForwardTranslation.bind(this);
        this.handleReset = this.handleReset.bind(this);
    }
    handleRequestChange(e){
        let inputName = e.target.name;
        let inputValue = e.target.value;
        let requestCopy = Object.assign({}, this.state.SegmentMapRequest);
        requestCopy[inputName] = inputValue;
        this.setState({SegmentMapRequest: requestCopy});
    }
    handleForwardTranslation(e)
    {
        e.preventDefault();
        this.props.getForwardTranslation(this.state.SegmentMapRequest);
    }
handleReset()
    {
        this.setState({SegmentMapRequest: {
            BranchCode: '',
                GroupId: '',
                GlCompanyCode: '',
                GlAccount: '',
                SourceMode: '',
                SourceSystem: '',
                JournalCategory: '',
                EffectiveDate: ''
            },
            segmentMapResponse : {}
        });
    }

Answer 1

问题是

this.handleReset = this.handleReset.bind(this);

this.handleReset不存在您的代码中，因此，当您尝试在其上调用.bind()时，它会引发错误。