如果我写的话,我已经创建了一个组件,如果我这样写 {this.state.tags.length === 0 ? "hello" : <ul>{this.gettag()}</ul> }
而没有{this.state.tags.length === 0 ? "hello" : {this.gettag()} }
ul标签,我不会出错,但我得到的错误是我的代码
class Count extends Component {
state={
tags:['kukab', 'saqib' , '40'],
};
render() {
return (
<div>
{this.state.tags.length === 0 ? "hello" : <ul>{this.gettag()}</ul> }
</div>
);
}
gettag(){
return(
<div>
<ul>{this.state.tags.map(tag => <li key={tag}>{tag}</li> )}</ul>
</div>
)
}
}
如果要不带<ul>
标签调用此函数,请使用{this.state.tags.length === 0 ? "hello" : this.gettag()}
。只需除去周围的两个大括号即可this.gettag()
。但是,如果您想在<ul>
标记中使用它,请使用{this.state.tags.length === 0 ? "hello" : <ul>{this.gettag()}</ul>}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句