在react组件中更改Firebase .on的子目标，并停止侦听对上一个子项的更改

在React组件中更改Firebase .on的子目标，并停止侦听对上一个子项的更改，可以通过以下步骤实现：

1. 首先，确保你已经在React项目中集成了Firebase。可以使用firebase包或者react-firebase库来实现。
2. 在React组件中，使用useEffect钩子函数来处理Firebase的订阅和取消订阅逻辑。在useEffect函数中，订阅Firebase的子项更改事件，并返回一个取消订阅的函数。

import React, { useEffect } from 'react';
import firebase from 'firebase/app';
import 'firebase/database';

const MyComponent = () => {
  useEffect(() => {
    // 订阅Firebase的子项更改事件
    const unsubscribe = firebase.database().ref('your/path').on('value', (snapshot) => {
      // 处理子项更改的逻辑
      // snapshot包含了最新的子项数据
    });

    // 返回一个取消订阅的函数
    return () => {
      // 在组件卸载时取消订阅
      unsubscribe();
    };
  }, []);

  // 其他组件逻辑

  return (
    // 组件的JSX代码
  );
};

export default MyComponent;

1. 在上述代码中，firebase.database().ref('your/path')表示你要监听的Firebase数据库路径。你可以根据自己的需求修改路径。
2. 在on方法中，使用value事件来监听子项的更改。你也可以使用其他事件类型，如child_added、child_removed等，具体根据你的业务需求而定。
3. 在处理子项更改的逻辑中，你可以更新React组件的状态或执行其他操作，以反映最新的子项数据。

关于Firebase和React的更多信息，你可以参考腾讯云的云开发产品：腾讯云云开发。Firebase是一种移动和Web应用程序开发平台，提供了实时数据库、身份验证、云存储等功能，适用于各种应用场景。