如何使用React中的一个函数独立地更改两个不同的变量？

import React, { useState } from 'react';

function MyComponent() {
  const [variable1, setVariable1] = useState(initialValue1);
  const [variable2, setVariable2] = useState(initialValue2);

  // 其他组件逻辑...

  return (
    // JSX代码...
  );
}

function MyComponent() {
  const [variable1, setVariable1] = useState(initialValue1);
  const [variable2, setVariable2] = useState(initialValue2);

  const updateVariables = () => {
    setVariable1(newValue1);
    setVariable2(newValue2);
  };

  // 其他组件逻辑...

  return (
    <div>
      <button onClick={updateVariables}>更新变量</button>
    </div>
  );
}