React.Children.forEach如何提前终止遍历
当使用 React.Children.forEach
去遍历 React children
时,如何提前终止循环?
在 forEach
中使用 break
或 return
是没有用的。
换种思路,可以使用 React.Children.toArray
将 children
转换为数组,再对数组进行遍历就有办法提前终止了。
const childList = React.Children.toArray(children);
for (let [index, child] of childList.entries()) {
// 比如索引为1时终止遍历
if (index === 1) {
break;
}
}
如果您觉得本文对您有用,欢迎捐赠或留言~
- 本博客所有文章除特别声明外,均可转载和分享,转载请注明出处!
- 本文地址:https://www.leevii.com/?p=3020