数组 – React渲染组件数组

组件列表文件

import React from 'react';
export default [
    <ComponentOne/>
    <ComponentTwo/>
];

仪表板组件

import React from 'react';

import components from './../../components';

export default class Dashboard extends React.Component 
{
    render = () => {
        //Want to render the array of components here.
        return (
            <div className="tile is-parent">
                {components}
            </div>
        );
    };
}

问题显然是它是一个组件数组,所以我需要添加一个键.然而！我似乎无法在组件中添加键… …不确定如何解释它真的所以这里是我试过的代码：

{components.map((component,key) => (
    <component key={key}/>
}

如果我执行上述操作,我会得到“你必须应用密钥”错误但是没有任何渲染吗？我猜它是因为’组件’可能不存在或者沿着那些线条存在奇怪的东西.

我也尝试过component.key = key;但它显然不允许我在这种类型的对象上这样做吗？

我认为我的后备是返回一个速记函数而不是一个数组但是我喜欢这个数组吗？对于青少年来说似乎更简单.