Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/375.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在react中推送不完整的零件_Javascript_Reactjs - Fatal编程技术网

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>;