更新外部React组件

import React, { useState } from 'react';
import ExternalComponent from 'external-component';

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

  const updateData = () => {
    setData('Updated data');
  };

  return (
    <div>
      <button onClick={updateData}>Update External Component</button>
      <ExternalComponent data={data} />
    </div>
  );
}

export default ParentComponent;