在递归渲染时避免使用 promises 是一个好的实践。 Promise 是一种用于处理异步操作的机制，而递归渲染可能会导致多个异步操作同时进行，这可能会导致代码变得复杂且难以维护。

以下是避免使用 promises 进行递归渲染的解决方法：

1. 使用同步的方式进行递归渲染。这种方式可以确保渲染操作按照顺序进行，而不会产生并发的异步操作。以下是一个使用递归函数进行同步渲染的示例：

function render(data) {
  // 渲染逻辑
  console.log(data);

  // 递归渲染子节点
  if (data.children) {
    data.children.forEach(child => {
      render(child);
    });
  }
}

// 示例数据
const data = {
  id: 1,
  children: [
    { id: 2 },
    { id: 3, children: [
      { id: 4 },
      { id: 5 }
    ]}
  ]
};

// 启动渲染
render(data);

2. 使用回调函数进行递归渲染。在递归函数中，可以使用回调函数来处理每个子节点的渲染结果。以下是一个使用回调函数进行递归渲染的示例：

function render(data, callback) {
  // 渲染逻辑
  console.log(data);

  // 递归渲染子节点
  if (data.children) {
    data.children.forEach(child => {
      render(child, callback);
    });
  }

  // 调用回调函数处理渲染结果
  if (callback) {
    callback();
  }
}

// 示例数据
const data = {
  id: 1,
  children: [
    { id: 2 },
    { id: 3, children: [
      { id: 4 },
      { id: 5 }
    ]}
  ]
};

// 启动渲染
render(data, () => {
  console.log('渲染完成');
});

通过以上两种方式，可以避免使用 promises 进行递归渲染，使代码更加简洁和易于理解。