如何从另一个组件更改react组件的状态

import React, { useState } from 'react';

function MyComponent() {
  const [myState, setMyState] = useState(initialState);

  // ...
}

import React from 'react';

function AnotherComponent({ updateState }) {
  const handleClick = () => {
    updateState(newState);
  };

  return (
    <button onClick={handleClick}>Update State</button>
  );
}

import React, { useState } from 'react';

function MyComponent() {
  const [myState, setMyState] = useState(initialState);

  const updateState = (newState) => {
    setMyState(newState);
  };

  return (
    <div>
      <p>My State: {myState}</p>
      <AnotherComponent updateState={updateState} />
    </div>
  );
}