التأثيرات والاشتراكات وملكية الموارد

import {useEffect, useState} from 'react';
import {AppState, Text} from 'react-native';
export default function StatusLabel() {
  const [status, setStatus] = useState(AppState.currentState ?? 'unknown');
  useEffect(() => {
    const subscription = AppState.addEventListener('change', setStatus);
    return () => subscription.remove();
  }, []);
  return <Text>App state: {status}</Text>;
}

The label reflects the initial status and subsequent accepted AppState changes.

يستهدف التنظيف الاشتراك الأصلي المعاد. ولم يُنفذ مصدر أحداث أصلي أو تأثير React في بيئة التأليف.

function createSource() {
  const listeners = new Set();
  return {
    subscribe(listener) { listeners.add(listener); return () => listeners.delete(listener); },
    emit(value) { for (const listener of listeners) listener(value); },
    size() { return listeners.size; },
  };
}
const source = createSource();
const observed = [];
const remove = source.subscribe(value => observed.push(value));
source.emit('active');
remove();
source.emit('background');
console.log(JSON.stringify(observed));
console.log(source.size());

["active"]
0

يوضح البديل انتهاء الملكية عند remove. ولا يثبت توقيت الأحداث الأصلية أو سلوك دورة حياة الجهاز.