使用钩子和状态在react中的不同组件中更改时，如何重新呈现表单值和状态值

import React, { useState } from 'react';

const MyComponent = () => {
  const [formValue, setFormValue] = useState('');
  const [status, setStatus] = useState('');

  // ...
}

const handleInputChange = (event) => {
  setFormValue(event.target.value);
}

return (
  <input type="text" value={formValue} onChange={handleInputChange} />
);

useEffect(() => {
  // 执行一些操作，例如发送请求或更新其他状态

  // 当状态变量`status`改变时重新呈现组件
}, [status]);

const handleButtonClick = () => {
  setStatus('newStatus');
}

return (
  <button onClick={handleButtonClick}>更新状态</button>
);