我想在嵌入的HTML中调用一个函数。我尝试了下面的方法,但是函数没有被调用。这样调用渲染方法中的函数是否不正确?
import React, { Component, PropTypes } from 'react';
export default class PatientTable extends Component {
constructor(props) {
super(props);
this.state = {
checking:false
};
this.renderIcon = this.renderIcon.bind(this);
}
renderIcon(){
console.log("came here")
return(
<div>Function called</div>
)
}
render() {
return (
<div className="patient-container">
{this.renderIcon}
</div>
);
}
}
this.renderIcon()
或者绑定this.renderIcon.bind(this)
。这是正确的翻译。 - arorarenderIcon
是/应该是一个组件。在 React 中不应该使用{this.renderIcon()}
这种方式来使用组件。2.)render
方法是您的组件呈现内容的真实来源。将其抽象化会增加额外的复杂性。 - GalupufmyConditionalRender(){ if(loading) return
if(error) return
return
}
和render(){
...更多内容 ...
{myConditionalRenderer()}
} - jaycee 1为什么不把那个条件放在组件里呢?这样可以达到相同的效果,而且没有任何副作用。 - Galupuf 显示剩余6条评论