相关疑难解决方法(0)

问题:

在React中,您希望通过映射数组来创建DOM结构,但数组中的每个项应返回2个元素.例如

import React from 'react'
import _ from 'lodash'

let { Component } = React

export default class DataList extends Component {
  render () {
    let array = [
      {def: 'item1', term: 'term1', obj1: 'rand'}, 
      {def: 'item2', term: 'term2'}
    ]
    return (
      <dl>
        {_.map(array, (item) => {
          return (
            <dt>{item.def}</dt>
            <dd>{item.term}</dd>
          )
        })}
      </dl>
    )
  }
}

React不允许你渲染兄弟姐妹而不将它们包装在容器元素中,这会破坏DOM结构.

所以,我学习React in Depth,现在我正在研究React Fragments.正如官方文档https://reactjs.org/docs/fragments.html中所述,Fragments是返回多个元素的非常有趣的方式.但我无法弄清楚它是否比通常的组件和通过它的孩子转移更好？