react 组件如何共用 let advancedLightingService: any = new AdvancedLightingService();

在 React 组件中共用一个服务对象，可以通过以下方式实现：

1. 将服务对象实例化并存储在一个独立的模块中，然后在需要使用服务的组件中引入该模块，以获取对服务对象的访问权限。

例如，在一个名为 `services.ts` 的独立模块中，定义 `AdvancedLightingService` 类并导出一个实例：

class AdvancedLightingService {
  // ...
}

export const advancedLightingService = new AdvancedLightingService();

然后，在需要使用服务的 React 组件中直接引入该模块：

import { advancedLightingService } from './services'

function MyComponent() {
  // 使用 advancedLightingService 对象...
}

2. 将服务对象传递给组件实例，以使组件实例能够访问服务对象。

例如，在一个名为 `App.tsx` 的组件中，创建 `AdvancedLightingService` 实例并将其作为属性传递给 `MyComponent`：

import { AdvancedLightingService } from './services';
import MyComponent from './MyComponent';

function App() {
  const advancedLightingService = new AdvancedLightingService();

  return (
    <div>
      <MyComponent advancedLightingService={advancedLightingService} />
    </div>
  );
}

然后，在 `MyComponent` 组件中，可以通过 `props` 属性获取服务对象：

function MyComponent(props) {
  const { advancedLightingService } = props;

  // 使用 advancedLightingService 对象...
}

以上两种方式都可以实现在 React 组件中共用一个服务对象，具体使用哪种方式取决于具体场景和项目需求。