使用在ES6 React Component类之外声明的方法

阿蒙·巴佐戈(Amon Bazongo)

我在下面的Reactjs ES 6中有此代码,但它不起作用。我的问题是:如何在组件类之外使用方法?并且在一个文件中可以有很多组件类吗?非常感谢。

function methodOutside(){
   /** Do something else **/  
}

class myComponent1 extends React.Component{
  constructor(){
    super();
    this.methodInside1 = this.methodInside1.bind(this);
  }

  methodInside(){

   /**Do something **/
  }

  render(){
     this.methodInside1();
     methodOutside();
  }

}

class myComponent2 extends React.Component{
  constructor(){
    super();
    this.methodInside2 = this.methodInside2.bind(this);
  }

  methodInside(){

   /**Do something **/
  }

  render(){
     this.methodInside2();
     methodOutside();
  }

}
布雷诺·费雷拉(Breno Ferreira)

我在评论中张贴的答案。将其发布在此处,以便其他人更容易看到它。

this.methodInside2 = this.methodInside2.bind(this);并且this.methodInside1 = this.methodInside1.bind(this);您似乎正在对未定义的内容调用绑定。你不是故意的this.methodInside1 = this.methodInside.bind(this);

尽管我看不到这样做的意义,但是因为您可以this.methodInside()render()方法中进行调用this将按照您的期望进行绑定。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用ES6类的React Component中的此对象

来自分类Dev

React ES6 函数声明范围

来自分类Dev

是否存在使用ES6类将React组件重置为其初始状态的方法?

来自分类Dev

如何使用ES6将流星订阅数据传递到React Component Props

来自分类Dev

如何使用ES6将流星订阅数据传递到React Component Props

来自分类Dev

如何处理React嵌套组件循环依赖关系?(使用es6类)

来自分类Dev

如何在React组件和es6类中使用继承

来自分类Dev

如何使用react-router和ES6类模拟window.location

来自分类Dev

将React组件从函数重构为ES6类

来自分类Dev

在类React ES6中调用静态函数

来自分类Dev

检测ES6类中的React Router过渡

来自分类Dev

是否应将Javascript ES6类用作React状态?

来自分类Dev

如何为 ES6 类创建“字段”(React 示例)

来自分类常见问题

在使用create-react-app的React应用程序中充填ES6功能的最佳方法

来自分类Dev

为什么箭头函数可以用在 ReactJS 类上,而不能用在纯 ES6 类上?

来自分类Dev

定义ES6 React组件的两种方法

来自分类Dev

ES6 React JS方法日历组件

来自分类Dev

继承的类不能使用在node.js ES6样式类的基类中定义的变量?

来自分类Dev

如何避免在使用ES6的React中使用绑定?

来自分类Dev

使用ES6类的快速路由

来自分类Dev

使用ES6类反应静态

来自分类Dev

ES6早期使用类

来自分类Dev

在ES6类中使用EventEmitter

来自分类Dev

使用“类”和 ES6

来自分类Dev

如何在React Native中使用ES6

来自分类Dev

我怎么知道我在React中使用ES6?

来自分类Dev

React状态未更新,尝试使用ES6语法

来自分类Dev

使用 es6 和 react 的未定义函数

来自分类Dev

使用ES6模块导出/导入单类方法?

Related 相关文章

热门标签

归档