React模态框内Input文本框无法输入且修改state后无更新

• 违反了React状态的不可变更新规则，状态更新完全没被React感知到
  你在setState的回调里直接原地修改state.rawProjects[selectedProject].type的属性，既没有生成新的项目对象引用，回调最后也没有返回完整的新状态对象。控制台里看到的属性变更，本质是你直接修改了内存中同一个原对象的内容，但React判断是否需要重渲染靠的是状态的浅引用比较，根本检测不到你做了嵌套属性修改，直接跳过了重渲染流程——文本框绑定的value值自然永远不会更新。
• 受控输入的逻辑完全写错，把用户输入锁死了
  你现在的Input是标准的受控组件（传入了固定的value属性绑定），但onChange事件里既没有读取输入框实际的输入内容e.target.value，反而硬编码把type值设为固定字符串"new type"。就算状态更新能正常触发，用户每次输入的内容也会被这个硬编码值直接覆盖，根本没法正常输入。

把原来的onChange逻辑替换为符合React更新规则的写法，核心是做不可变更新，让React能检测到状态变化，同时把实际输入值同步到绑定的状态上：

<Input
  label="Project Type"
  type="text"
  placeholder="project type"
  inputId="basicInput"
  value={rawProjects[selectedProject].type}
  onChange={(e) => {
    const inputValue = e.target.value;
    this.setState(prevState => {
      // 生成新的项目数组，不直接修改原数组
      const newProjects = [...prevState.rawProjects];
      // 生成新的当前选中项目对象，不直接修改原对象
      newProjects[selectedProject] = {
        ...newProjects[selectedProject],
        type: inputValue
      };
      // 必须返回新状态对象，让React能感知到变更
      return {
        rawProjects: newProjects
      };
    })
  }}
/>

额外说明：你之前的setState回调没有return任何内容，会导致React把新状态识别为undefined，这也是状态更新完全失效的直接原因。

内容的提问来源于stack exchange，提问作者user14985872