在React.js中使用for循环输出HTML

在React中，我们通常使用JSX语法来编写HTML代码。然而，如果你想使用JavaScript的for循环来动态生成HTML元素，你可以使用React的列表渲染特性。下面是一个简单的例子，演示了如何在React中利用for循环来输出HTML元素。
首先，我们需要创建一个React组件，该组件将使用for循环来渲染一个列表。在这个例子中，我们将创建一个简单的无序列表（ul），并使用for循环来填充列表项（li）。

import React from 'react';
class ListComponent extends React.Component {
constructor(props) {
super(props);
this.state = {
items: ['Item 1', 'Item 2', 'Item 3', 'Item 4']
};
}
render() {
return (
<ul>
{this.state.items.map((item, index) => (
<li key={index}>{item}</li>
))}
</ul>
);
}
}
export default ListComponent;