在導出的React函數中未定義“ this”

Question

問題：當我的React組件調用導出的函數時， console.log(this)顯示未定義。 我一直期望它返回組件，因為我已經將其綁定在構造函數中。

Leaderboard.js：

import React from 'react';
import {leaderboard, createLeaderboard} from '../utility/gamecode';

class Leaderboard extends React.Component{
  constructor(props){
    super(props);
    this.showLeaderboard = showLeaderboard.bind(this);
    this.state = {
    }
  };

  componentDidUpdate(){
    if(this.props.leaderboard){
      showLeaderboard();
    }
  }

  render(){
    return(
      <div className="leaderboard hidden">
      </div>
    )
  }

}

export default Leaderboard;

gamecode.js：

export function showLeaderboard(){
 console.log(this);
}
//-----------------------
export function createLeaderboard(props){
}

Answer 1

您呼叫showLeaderboard而不是this.showLeaderboard -您綁定的一個this來。