在Aurelia js中反应js,调用aurelia函数

时间:2016-07-29 14:32:36

标签: reactjs aurelia aurelia-binding

对于js和aurelia js的反应非常新,我的要求是使用视图和aurelia对模型/路由的反应和所有。我提到这个doc用于安装,它运行良好。enter image description here完成这样,这里我的视图是反应js,而点击表格中的细节(溺爱的图标),需要调用一个函数应该在aurelia。 我按照上面提到的doc进行编码,而不是在 my-react-element.jsx 中的列表,我改变成了pic中的表样式。

1 个答案:

答案 0 :(得分:1)

是的,我明白了。只需要了解组件的传递价值(aurelia中的custome-component,react中的组件)。在两者中,aurelia和反应它几乎相同(如回调功能)。 代码: react-example.js 只需声明一个要执行的函数。

myfun(){
  alert('Hi, am in aurelia..');

}

react-example.html 使用 bind 将声明的函数设置为custome-component。

 <react-element myfun.bind = "myfun"></react-element>

react-example.js

@bindable('myfun')
<MyReactElement data={this.data} myfun={this.myfun}/>,

my-react-element.jsx

 <p onClick = {this.try.bind(this)} >click </p>

 try() {
   this.props.myfun(); }

注意:需要反应和金黄色的基本知识,并比较doc来修复。