有没有办法过滤掉api - reactjs中嵌套的null值？

{data && <Component />}

function renderData(data) {
  if (data === null) {
    return null;
  }

  if (Array.isArray(data)) {
    return data.map(item => renderData(item));
  }

  if (typeof data === 'object') {
    return Object.keys(data).reduce((result, key) => {
      const value = renderData(data[key]);
      if (value !== null) {
        result[key] = value;
      }
      return result;
    }, {});
  }

  return data;
}

const filteredData = renderData(data);

import { compactDeep } from 'lodash';

const filteredData = compactDeep(data);