TypeError khi kiểm tra cuộc gọi phương thức tĩnh bên trong phương thức lớp

Question

TypeError khi kiểm tra cuộc gọi phương thức tĩnh bên trong phương thức lớp

Bùi Mỹ Phượng · 22:31 11/05/2018

2 ngày trước

Tôi có một phương thức tĩnh bên trong Thành phần React, như:

class DeliveryAddressScreen extends Component {
  static isAddressReady(address) {
    return !!(address)
  }

  sendAddress(address) {
    if(this.isAddressReady(address)) {
     // DO SOMETHING
    }

  }
}

Và bài kiểm tra của tôi:

  it('sample tests', () => {
    const component = shallow(<DeliveryAddressScreen />)
    component.instance().sendAddress('Address')
    expect(true).toBe(true) // Just a sample
  })

phản hồi là:

TypeError : this.isAddressReady không phải là một hàm

Có cách nào đúng để chế giễu phương pháp này hay điều gì đó tương tự không?

2 hữu ích 2 bình luận 2.3k xem chia sẻ

2 trả lời

Viết câu trả lời

Xem nguồn

Đăng nhập để trả lời câu hỏi

Không tìm thấy câu trả lời bạn tìm kiếm? Duyệt qua các câu hỏi được gắn thẻ javascript reactjs react-native jestjs , hoặc hỏi câu hỏi của bạn.

Có thể bạn quan tâm

Hoạt động

Liên quan

Mới tạo

Dương Thiên Nga · Dương Thiên Nga 06:35 20/11/2018 06:35:34 20/11/2018 · Answer 1 · 11/20/2018 6:35:34 AM

Một phương thức tĩnh nên được gọi với tên lớp.

class DeliveryAddressScreen extends React.Component {
  static isAddressReady(address) {
    return !!(address)
  }

  sendAddress(address) {
    if(DeliveryAddressScreen.isAddressReady(address)) {
        console.log(address)
    }
  }
}

const subject = new DeliveryAddressScreen()
subject.sendAddress("test")

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>

Mở rộng đoạn mã

Bùi Mai Châu · Bùi Mai Châu 15:15 27/06/2019 15:15:19 27/06/2019 · Answer 2 · 6/27/2019 3:15:19 PM

Static properties are properties of a class, not of an instance of a class.

Như đã nói từ Hiểu tĩnh trong JavaScript

Do đó bạn không cần phải gọi là nông cạn. Bạn có thể đơn giản

import DeliveryAddressScreen from '../some/path'
it('can call class method', () => {
    expect(DeliveryAddressScreen. isAddressReady).toEqual(true)
})

Tuy nhiên !!, bạn đang cố sử dụng thisbên trong thứ gì đó chưa được khởi tạo và do đó điều này sẽ không tồn tại

Thay vào đó, bạn có thể viết lại phương thức tĩnh của mình để trông giống như thế này mà không có từ khóa tĩnh

isAddressReady = (address) => {
    return true // or false
 }