在导出的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来。