React-本机组件在我保存更改时更新，而不是在启动时更新。[Firebase，useEffect]

React是一个用于构建用户界面的JavaScript库。它采用了组件化的开发模式，使得开发者可以将界面拆分成独立的、可复用的组件，从而提高开发效率和代码的可维护性。

本机组件是指在React应用中直接编写的组件，而不是引入的第三方组件。在React中，组件的状态和属性是用来管理组件数据和行为的重要概念。

当我们在React中保存更改时，React会自动检测组件的状态和属性是否发生变化，并根据变化来更新组件的渲染结果。这个过程是通过React的虚拟DOM（Virtual DOM）机制实现的。

在React中，我们可以使用useState和useEffect这两个React Hook来管理组件的状态和生命周期。useState用于定义和更新组件的状态，而useEffect用于处理副作用操作，比如数据获取、订阅事件等。

Firebase是一个由Google提供的云服务平台，它提供了一系列的后端服务，包括实时数据库、身份认证、云存储等。在React应用中，我们可以使用Firebase来实现数据的持久化存储和实时更新。

当我们在React中保存更改时，可以通过使用Firebase的实时数据库来实现自动更新。我们可以在useEffect中监听Firebase数据库的数据变化，并在数据变化时更新组件的状态，从而实现组件的自动更新。

下面是一个示例代码，演示了如何使用Firebase和useEffect来实现本机组件在保存更改时的自动更新：

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

// 初始化Firebase
const firebaseConfig = {
  // 配置信息
};

firebase.initializeApp(firebaseConfig);

const App = () => {
  const [data, setData] = useState('');

  useEffect(() => {
    // 监听Firebase数据库的数据变化
    const ref = firebase.database().ref('data');
    ref.on('value', (snapshot) => {
      const newData = snapshot.val();
      setData(newData);
    });

    // 清除监听
    return () => {
      ref.off();
    };
  }, []);

  const handleSave = () => {
    // 保存更改到Firebase数据库
    firebase.database().ref('data').set('New Data');
  };

  return (
    <div>
      <h1>{data}</h1>
      <button onClick={handleSave}>保存更改</button>
    </div>
  );
};

export default App;

在上述代码中，我们首先通过useState定义了一个名为data的状态，用于保存从Firebase数据库获取的数据。然后，在useEffect中使用firebase.database().ref().on()方法监听Firebase数据库的数据变化，并在数据变化时更新组件的状态。最后，在handleSave函数中，我们使用firebase.database().ref().set()方法将更改保存到Firebase数据库。

这样，当我们点击保存更改按钮时，组件会自动更新并显示最新的数据。

推荐的腾讯云相关产品：腾讯云云开发（https://cloud.tencent.com/product/tcb）是一款集成了云函数、数据库、存储等功能的云原生后端一体化服务，可以方便地实现类似Firebase的功能，适用于React应用的后端开发和数据管理。