React-Native의 다른 클래스에서 함수를 호출하는 방법은 무엇입니까?

React-Native 작업을 하고 있는데 다른 클래스의 함수를 호출하려고 하는데 오류가 나타납니다.

클래스 A

import B from './B.js';

class A extends Component {
    _onItemPressed(item){
        B.abc();
    }

    render() {
      return (
         <TouchableHighlight
            underlayColor={Colors.colors.lightgrey}
            style={{padding: 15}}
            onPress={this._onItemPressed.bind(this)}>
         <Text>Click Me !</Text>
         </TouchableHighlight>
      );
    }
}

클래스 B

class B extends Component {

    abc(){
      alert('Hello World');
    }

    render() {
      return (
         <View>
            <Text>Welcome to React Native</Text>
         </View>
      );
    }
}

그러나 클래스 A에서 'undefined is not function ('B.default._abc()')'을 누르면 오류 메시지가 나타납니다.

부디 제 게시물을 훑어보고 해결책을 제안해 주세요.

고마워요.

프로그래밍
react-native
27일 4월 2017 в 4:01
아직 보기가 없습니다.

클래스를 시작하지 않을 경우, 이 문제를 해결하려면 'B.abc()'를 'new B()'.abc()로 변경해야 합니다.

Sᴀᴍ Onᴇᴌᴀ
편집된 답변13일 7월 2017 в 2:50
해설 (1)

나는 당신이 B 클래스를 수출하는 것이 아니라 수입만 하는 것을 알 수 있습니다. 'export default B'와 같이 클래스 B 파일 하단에 'export' 문을 추가해 보십시오.

이것이 도움이 되길 바란다.

해설 (0)

abc 함수를 정적으로 만들고 B 클래스를 내보냅니다.

export default class B extends Component {

    static abc(){
      alert('Hello World');
    }
}
해설 (0)