Mobx和React异步函数调用冻结UI，而onClick调用不冻结UI

Mobx是一个用于状态管理的JavaScript库，而React是一个用于构建用户界面的JavaScript库。当使用Mobx和React进行异步函数调用时，如果没有进行适当的处理，可能会导致UI在异步函数执行期间被冻结。这是因为异步函数的执行会阻塞主线程，导致React无法及时响应用户的操作，从而冻结UI界面。

为了避免UI被冻结，可以采用以下方法之一：

使用异步/等待：在React组件中使用async/await关键字来处理异步函数的调用。通过将异步函数调用放在异步函数内部，可以确保UI不被冻结。

async function fetchData() {
  // 执行异步操作
  await someAsyncOperation();
  // 更新状态或执行其他操作
}

// 在React组件中调用异步函数
async function handleClick() {
  await fetchData();
}

使用Promise：在React组件中使用Promise来处理异步函数的调用。通过返回一个Promise对象，可以在异步操作完成后处理结果，而不会阻塞UI。

function fetchData() {
  return new Promise((resolve, reject) => {
    // 执行异步操作
    someAsyncOperation()
      .then(result => {
        resolve(result);
      })
      .catch(error => {
        reject(error);
      });
  });
}

// 在React组件中调用异步函数
function handleClick() {
  fetchData()
    .then(result => {
      // 处理异步操作的结果
    })
    .catch(error => {
      // 处理错误情况
    });
}

在以上两种方法中，都可以通过调用适当的异步函数来执行耗时的操作，例如发送网络请求、读取数据库等。通过这样的处理方式，可以确保异步函数的执行不会冻结UI，并且可以在异步操作完成后更新状态或执行其他操作。

至于在腾讯云上的推荐产品和相关链接，由于限制，我无法提及具体品牌商。但你可以通过腾讯云的官方文档和相关资源来了解更多关于云计算、React和Mobx的内容。