我有一個帶有 3 個選項和 3 個文本輸入的選擇輸入。ideia 是：我選擇所需的屬性（例如：A），并且只有此輸入對用戶可用，其他的將被禁用。然后我單擊禁用輸入下方的“計算”按鈕，根據我插入的屬性顯示該輸入的計算值（在本例中，只是為了簡化，此值始終為 123）。import React, { useState } from "react";import "./styles.css";export default function App() {  const [models, setModels] = useState([    { name: "A", value: undefined },    { name: "B", value: undefined },    { name: "C", value: undefined }  ]);  const onModelChange = (e) => {    const { name, value } = e.target;    let newModels = models;    newModels[      newModels.findIndex((model) => model.name === name)    ].value = parseInt(value, 10);    setModels(newModels);  };  const onCalculate = (modelName) => {    let newModels = models;    newModels[      newModels.findIndex((model) => model.name === modelName)    ].value = 123;    console.log(newModels);    setModels(newModels);  };  const [selectedOption, setSelectedOption] = useState("A");  const handleChange = (e) => {    setSelectedOption(e.target.value);  };  return (    <div className="App">      <select onChange={handleChange} value={selectedOption}>        <option value="A">A</option>        <option value="B">B</option>        <option value="C">C</option>      </select>      <br />      {models.map((model) => (        <div key={model.name}>          <input            placeholder={model.name}            name={model.name}            label={model.name}            width="100px"            type="number"            min="0"            max="1000"            value={model.value}            onChange={onModelChange}            disabled={selectedOption !== model.name}          />我的問題是輸入中的值來自一個名為“模型”的狀態變量，在我單擊“計算”后，這個變量發生了變化，正如您在控制臺上看到的那樣，但該值未顯示在禁用的輸入中.有誰知道如何解決這一問題？codesandbox 鏈接：https://codesandbox.io/s/affectionate-ives-uytgy ?file=/src/App.js