reactjs - REACT：如何告诉父组件来自子组件的无效数据？

Question

我有一个子组件，它呈现一个列表（在处理一些复杂的逻辑之后），该列表使用道具从父级传递给它

问题

如果父级传递了一个无效列表，则子级不呈现任何内容，父级显示为空li

我想检查孩子是否没有渲染任何东西以便li可以删除。

标签： reactjs

Answer 1

引入新的依赖项（注意父项）对可重用性没有帮助。

您不应该向组件提供不良数据 - 在传递之前过滤它们。

显而易见的答案是不要li在外部渲染 - 在孩子内部渲染。

为了保持可重用性，将其<li />作为'tag' or 'component' prop子传递并在定义时有条件地渲染（装饰内容）。这是反应中很常见的模式。您还可以使用渲染道具模式。