javascript - 如何在ReactJS文件中正确导入函数

我无法在react中导入函数。我使用export default导出功能。但是，导入后，我尝试将其绑定到render函数中，但是出现错误消息TypeError: Cannot read property 'bind' of undefined。这是否意味着函数未正确导入？如何在React中正确导入它？

import  onSignUp  from '../../functions/onsignup'
    class ModalExample extends React.Component {
    constructor(props) {
        super(props);
    }

     this.onSignUp=this.onSignUp.bind(this);
    }
    render(){
    return(...)
    }

最佳答案

看起来您那里有一个额外的括号，而且，导入的函数只是onSignUp而不是this.onSignUp。

import  onSignUp  from '../../functions/onsignup'

class ModalExample extends React.Component {

  constructor(props) {
    super(props);
    this.onSignUp = onSignUp.bind(this);
  }

  render(){
    return(...)
  }
}

您应该在ctor中绑定该函数，或者在类中将其分配给onSignup，如下所示：

import  onSignUp  from '../../functions/onsignup'

class ModalExample extends React.Component {

  constructor(props) {
    super(props);
  }

  onSignUp = onSignUp.bind(this);

  render(){
    return(...)
  }
}

（我认为）

关于javascript - 如何在ReactJS文件中正确导入函数，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51551801/