在React中，可以使用useState、useEffect和useContext等鉤子函數來監聽數據變化。

1. 使用useState：useState函數是React提供的一個鉤子函數，用于在函數組件中定義和管理狀態。通過調用useState函數，可以創建一個狀態變量，并返回一個包含當前狀態和更新狀態的函數的數組。當狀態變化時，React會重新渲染組件。可以在組件渲染時訪問當前狀態，并在需要的地方調用更新狀態的函數，從而監聽數據變化。

import React, { useState } from 'react';

function MyComponent() {
  const [data, setData] = useState('');

  // 監聽data變化
  useEffect(() => {
    console.log('data變化：', data);
  }, [data]);

  return (
    <div>
      <input
        type="text"
        value={data}
        onChange={e => setData(e.target.value)}
      />
    </div>
  );
}

2. 使用useEffect：useEffect函數是React提供的一個鉤子函數，用于在組件渲染完成后執行副作用操作。可以將一個函數作為參數傳遞給useEffect，React會在組件渲染完成后調用這個函數。可以在這個函數中監聽數據變化，通過依賴項數組來控制執行副作用的時機。

import React, { useState, useEffect } from 'react';

function MyComponent() {
  const [data, setData] = useState('');

  useEffect(() => {
    console.log('data變化：', data);
  }, [data]);

  return (
    <div>
      <input
        type="text"
        value={data}
        onChange={e => setData(e.target.value)}
      />
    </div>
  );
}

3. 使用useContext：useContext函數是React提供的一個鉤子函數，用于在組件中訪問上下文。可以在上下文中存儲和共享數據，并在需要的組件中通過useContext函數來訪問這些數據。當上下文中的數據發生變化時，使用該上下文的組件會重新渲染，從而監聽數據變化。

import React, { useState, useContext } from 'react';

const MyContext = React.createContext();

function MyComponent() {
  const [data, setData] = useState('');

  return (
    <MyContext.Provider value={data}>
      <ChildComponent />
      <input
        type="text"
        value={data}
        onChange={e => setData(e.target.value)}
      />
    </MyContext.Provider>
  );
}

function ChildComponent() {
  const data = useContext(MyContext);

  useEffect(() => {
    console.log('data變化：', data);
  }, [data]);

  return (
    <div>{data}</div>
  );
}

以上是在React中監聽數據變化的幾種常見方式。根據具體的需求和場景，可以選擇合適的方式來監聽數據變化。