反应 props.children 包括空值

Question

我有一个子组件，我在其中渲染作为子组件从父组件传递的内容，其中一些元素是有条件的渲染的。 因此，当我尝试访问 props.children 进行修改时，我在 props.children 中得到 null 和 false 值（哪些元素是有条件渲染的）。 如何删除它们。

StackBlitz URL - https://stackblitz.com/edit/react-2nfdbc?file=src/App.js

Answer 1

您可以执行类似children.filter((c) => !!c)的操作，但 react 通常能够处理 false、null 和 undefined 并正确忽略它们。