反应：如何告诉父组件有关子组件的无效数据的信息？

Question

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

问题

如果父级传递的列表无效，则子级不显示任何内容，父级显示空的li

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

Answer 1

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

您不应该向组件提供不良数据-在传递下去之前对其进行过滤。

一个明显的答案是不要在外部渲染li-在孩子内部渲染它。

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