Javascript 如何在react中推送不完整的零件
我的代码迭代一个数组,并在一行中生成反应组件Javascript 如何在react中推送不完整的零件,javascript,reactjs,Javascript,Reactjs,我的代码迭代一个数组,并在一行中生成反应组件 var row = []; IconsAndTexts.forEach(function(IconObject) { if (IconObject.badge !== 0) { rows.push( <Col xs sm md lg <table key={"1." + IconObject.key}> </table> </Col>
var row = [];
IconsAndTexts.forEach(function(IconObject) {
if (IconObject.badge !== 0) {
rows.push(
<Col xs sm md lg
<table key={"1." + IconObject.key}>
</table>
</Col>
);
}
});
return (rows);
var行=[];
forEach(函数(IconObject){
如果(IconObject.badge!==0){
推(
);
rows.push();
行。推送();
如果我能做到这一点,这将是非常有用的,因为我会动态地加载我的元素,从而更自由地操作多个元素,而不这样做会变得更加僵硬和困难。像这样将表包装在Col
标记中并返回
IconsAndTexts.forEach(function(IconObject) {
if (IconObject.badge !== 0) {
rows.push(
<table key={"1." + IconObject.key}>
</table>
);
}
});
return <Col xs sm md lg>{rows}</Col>;
IconsAndTexts.forEach(函数(IconObject){
如果(IconObject.badge!==0){
行。按(
);
}
});
返回{rows};
我不太清楚你在说什么。这将推送
标记中JSX的任何内容。你说它不会做什么?JSX所做的一切都是传输到createElement
调用中,该调用返回一个值。它不允许我这样做。推送();行。推送();行。推送();这样做真的很有用,我可以更自由地动态加载我的元素,在不这样做的情况下操作多个元素会变得更加僵硬和困难。不,这没有任何意义,就像试图将结束标记作为单独的组件推送一样,这是不符合逻辑的。我下面的答案有帮助吗?@DaveNewton我会说这是错误的逻辑上,因为我会呈现一个完整的组件,但只会推动组件的一部分。我设法以不同的回报做我想要的,所以这个答案引导我找到答案。
IconsAndTexts.forEach(function(IconObject) {
if (IconObject.badge !== 0) {
rows.push(
<table key={"1." + IconObject.key}>
</table>
);
}
});
return <Col xs sm md lg>{rows}</Col>;