如何在React中对状态(嵌套属性)进行小的更新？

import React, { useState } from 'react';

function App() {
  const [state, setState] = useState({
    nestedProperty: {
      value: 'initial value'
    }
  });

  const updateNestedProperty = () => {
    setState(prevState => ({
      ...prevState,
      nestedProperty: {
        ...prevState.nestedProperty,
        value: 'new value'
      }
    }));
  };

  return (
    <div>
      <p>Value: {state.nestedProperty.value}</p>
      <button onClick={updateNestedProperty}>Update Value</button>
    </div>
  );
}

export default App;