如何确认Expo生产构建环境中是否已启用automatic batching？

环境信息 #

SDK Version: 48
Platforms(Android/iOS/web/all): Android/iOS
react: 18.2.0, react-native: 0.71.4
Expo Workflow: managed 2.28

自动批处理的启用状态确认 #

React 18.2.0 在生产环境默认启用自动批处理（Automatic Batching），不管是同步代码、Promise、setTimeout等异步回调中的setState都会被自动合并，只触发一次渲染。而 Expo Go 为了调试兼容性，刻意关闭了该特性，这和你测试中“每次setState都触发渲染”的现象完全吻合。

性能提升的核心原因分析 #

生产构建的提速是多因素共同作用的结果，拆解如下：

• 自动批处理：针对你大量setState的场景，直接减少了不必要的重渲染次数，是核心优化点之一。
• 生产编译优化：Expo生产构建会开启代码压缩、死代码剔除、React生产模式（禁用开发期警告、调试工具等），这些基础优化会大幅降低运行开销。
• 新架构无关：React Native 0.71.4 虽支持新架构，但Expo SDK 48的managed workflow默认未启用，除非你手动配置，所以这次提速和新架构无关。

验证自动批处理生效的方法 #

可以在组件中添加渲染日志验证：

import React, { useState, useEffect } from 'react';
import { View, Text } from 'react-native';

const TestBatchComponent = () => {
  const [count1, setCount1] = useState(0);
  const [count2, setCount2] = useState(0);

  useEffect(() => {
    console.log('组件已渲染');
  });

  const triggerMultiUpdates = () => {
    // 同步更新
    setCount1(prev => prev + 1);
    setCount2(prev => prev + 1);
    // 异步更新
    setTimeout(() => {
      setCount1(prev => prev + 1);
      setCount2(prev => prev + 1);
    }, 1000);
  };

  return (
    <View style={{ padding: 20 }}>
      <Text onPress={triggerMultiUpdates}>触发多状态更新</Text>
      <Text>Count1: {count1}, Count2: {count2}</Text>
    </View>
  );
};

export default TestBatchComponent;

生产构建运行后：

• 点击按钮，同步代码中的两次setState只会触发1次渲染日志
• 1秒后，setTimeout中的两次setState也只会触发1次渲染日志
  若符合上述结果，说明自动批处理已生效。

额外优化建议 #

• 若组件中存在大量分散的状态，可以考虑合并为单个对象状态，进一步减少更新触发的频次
• 若想尝试新架构的性能提升，可手动配置Expo开启，但需注意第三方依赖的兼容性

内容的提问来源于stack exchange，提问作者user20499181