react 函数组件 state 为一个对象，更改对象中的其中一个属性时，其他的属性不变，如何写

在React函数组件中，如果你想要改变对象状态中的某个特定属性，而不影响其他属性，你可以直接更新这个属性。当你使用`useState` Hook来管理状态时，可以像下面这样操作：

import React, { useState } from 'react';

function MyComponent() {
  const [stateObj, setState] = useState({
    property1: '',
    property2: '',
    property3: ''
  });

  function updateProperty(propToUpdate, value) {
    // 更新指定的对象属性，保留其他属性不变
   .setState(prevState => ({
      ...prevState, // 创建一个新的对象副本，避免直接修改原始引用
      [propToUpdate]: value
    }));
  }

  return (
    <div>
      {/* 使用时通过 propToUpdate 和提供的值来触发更新 */}
      <input
        onChange={(e) => updateProperty('property1', e.target.value)}
        value={stateObj.property1}
      />
      
      {/* 其他属性的处理类似 */}
      {/* 更改property2和property3... */}
    </div>
  );
}

export default MyComponent;

在这个例子中，`updateProperty`函数接收要更新的属性名和新值，然后创建一个新的状态对象，仅改变指定属性，其余属性保持不变。