gpt4 book ai didi

reactjs - 在 React 16 中正确使用带有元素数组的 React 片段

转载 作者:行者123 更新时间:2023-12-02 00:33:36 25 4
gpt4 key购买 nike

headTags 是一个没有定义任何键的 React 元素数组。我能够使用以下 JSX 在没有警告的情况下进行渲染。

return (
<head>
{React.Children.toArray(headTags)}
</head>
);

React 16 中的片段是否有一些可能的方法来做到这一点?我收到一条警告,使用此命令时每个子元素都需要一个 key:

return (
<head>
<React.Fragment>
{headTags}
</React.Fragment>
</head>
);

最佳答案

根据 this answer在 github issue 中你可以。

React.Fragment 或任何使用 React.createElement 的元素中像 child 一样来呈现没有键的项目数组

问题: itemsArray 是一个数组,因此需要键

render() {
return <React.Fragment>{...itemsArray}</React.Fragment>
}

解决方案: itemsArray 直接分解为子项,因此不需要 key

render() {
return React.createElement(React.Fragment, {}, ...itemsArray)
}

这代表下面

render() {
return <React.Fragment>
<YourItem />
<YourItem />
<YourItem />
</React.Fragment>
}

关于reactjs - 在 React 16 中正确使用带有元素数组的 React 片段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50738771/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com