小编Ban*_*cat的帖子

我明白你不能返回多个元素.但是这种限制导致我无法在没有帮助的情况下解决这个问题.

我正在使用另一个HTML设计,它使用1个深度列表来表示3个深度列表.作为最后的手段,我可​​以改变这一点.

我转换为React的HTML示例.每个GET请求的设备,卡和遥控器的数量都可能不同.

 <ul class='deviceList'>
   <li>Device A`</li>
   <li>Cards Connected in Device A</li>
   <li>Card 1</li>
   <li>Card 2</li>
   <li>Remotes Connected to Device A</li>
   <li>Remote 1</li>
   <li>Device B</li>
   <li>Cards Connected to Device B</li>
   <li>Card 1</li>
   <!-- ... could go on for more ...-->
 </ul>

这就是我设置实际包含的React代码的方法<ul>:

var DeviceList = React.createClass({
  render: function() {
    var deviceList = this.props.devices.map(function (device) {
      return [
        <DeviceTitle title='{device.name}' />,
        <ComponentTitle title='Cards' />,
        <Cards cards={device.cards} />,
        <ComponentTitle title='Remotes' />,
        <Remotes remotes={device.remotes} />
      ];
    });

    return (
      <ul className='deviceList'> …