我有一些问题数据,我想打印它们的列表,在每个问题之前都应该有一个图标。根据问题类型,图标有三种类型。
我该怎么办?这样,我得到一个错误“期望分配或函数调用,而是看到一个表达式”。我试图以多种方式修复它,但没有任何效果:(
render() {
const questions = questionsToChoose.map(q => {
const icon = q => {
if (q.isTrueFalse === true && q.isMultiple === false) {
return 'a';
}
else if (q.isTrueFalse === true && q.isMultiple === true) {
return 'b'
}
else if (q.isTrueFalse === false && q.isMultiple === false) {
return 'c'
}
};
<div key={q.id}>
<p>{icon} {q.content}</p>
</div>
});
return(
<div>{questions}</div>
)
}
图标被定义为一个函数,您需要对其进行调用。还将其移出渲染器也将改善性能
icon = q => {
if (q.isTrueFalse === true && q.isMultiple === false) {
return 'a';
}
else if (q.isTrueFalse === true && q.isMultiple === true) {
return 'b'
}
else if (q.isTrueFalse === false && q.isMultiple === false) {
return 'c'
}
};
render() {
const questions = questionsToChoose.map(q => (
<div key={q.id}>
<p>{this.icon(q)} {q.content}</p>
</div>
));
return(
<div>{questions}</div>
)
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句