基于用户输入handleChange更改嵌套对象属性的状态

// 创建一个状态对象
const state = {
  user: {
    name: "John",
    age: 30
  }
};

// 定义handleChange函数
function handleChange(propertyPath, newValue) {
  const properties = propertyPath.split(".");
  
  // 使用reduce函数遍历属性路径数组，逐级访问嵌套属性
  const updatedState = properties.reduce((currentState, property, index) => {
    if (index === properties.length - 1) {
      // 如果是最后一个属性，直接赋予新的属性值
      currentState[property] = newValue;
    } else {
      // 否则，继续访问下一级嵌套属性
      currentState = currentState[property];
    }
    
    return currentState;
  }, state);
  
  // 更新状态对象
  Object.assign(state, updatedState);
  
  // 更新用户界面
  renderUI();
}

// 更新用户界面的函数
function renderUI() {
  // 根据状态对象更新用户界面的逻辑
  // ...
}

// 示例用法
handleChange("user.name", "Jane");
console.log(state.user.name); // 输出 "Jane"