父组件传给子组件的子组件值为空，子组件有值

当父组件通过props将数据传递给子组件时，如果子组件接收到的数据（也就是值）初始状态为null、undefined或者空字符串，这种情况通常称为“未初始化”或“默认值”。如果子组件期望接收到的数据有特定的值，它可能会遇到显示空白内容或无法正常处理的问题。

为了处理这种情况，子组件通常需要做以下几步：

1. **检查值**：在接收值后，首先检查值是否为预期类型并且非空。可以使用条件语句如`if`来判断。

function ChildComponent({ value }) {
  if (!value) {
    console.log('值为空');
    return null; // 或者返回占位符组件，如 loading/spinner
  }
  
  // 正常处理已有的值
}

2. **提供默认值**：如果值可能为空，可以在组件内部设置默认值，保证渲染的稳定性。

function ChildComponent({ value = '' }) {
  return <div>{value}</div>;
}

3. **合理提示用户**：对于一些交互性的组件，可以显示一个消息告知用户当前没有输入值。

function ChildComponent({ value }) {
  if (!value) {
    return <p>暂无数据</p>;
  }
  //...
}