ReactJs - 组合数组和显示

Question

我有两个数组值，另一个是描述。

我想创建一个描述列表<dl>，包含描述的<dd>和包含该值的<dl>。

任何人都可以告诉我如何替换每个数组以创建以下列表并进行反应？

<dl>
  <dt>value</dt>
  <dd>description</dd>
  <dt>value</dt>
  <dd>description</dd>
</dl>

Answer 1

您可以使用简单的for循环：

render() {
    var descriptions = [...];
    var values = [...];

    var elems = []; // array of elements to be rendered
    // assume `descriptions` and `values` has the same length
    for (var i = 0; i < descriptions.length; i++) {
        elems.push(<dt>{values[i]}<dt>);
        elems.push(<dd>{descriptions[i]}<dd>);
    }

    return (<dl>{elems}</dl>); // render elements
}