Question

我被一位开发人员告知，在React 16中渲染一系列组件被认为是不好的做法？

是这样吗？

Answer 1

顺便说一句，React 16.2已经带来碎片了！（不要忘记更新反应和反应）

return (
 <>
  <El1 />
  <El2 />
  <El3 />
 </>
);

Answer 2

反应16中关于数组的新内容是你不必用包含元素（在渲染时）包装它们。

在反应15中你必须：

let data = [
    <li key="1">One</li>,
    <li key="2">Two</li>,
    <li key="3">Three</li>
];
return (<div>{data}</div>);

在反应16中你可以：

let data = [
    { value: "One", key: "1" },
    { value: "Two", key: "2" },
    { value: "Three", key: "3" }
];
return data.map(item => {
    return (
        <li key={item.key}>
            {item.value}
        </li>
    );
});

甚至更简单：

render() {
    return [
        <li key="A">First item</li>,
        <li key="B">Second item</li>,
        <li key="C">Third item</li>,
    ];
}

可以在React 16中渲染一组组件吗？

2 个答案: