从迭代状态映射键派生输入值属性

如何解决从迭代状态映射键派生输入值属性

我正在使用扩展运算符遍历 Maps 对象的键，并想知道如何从状态派生值。

 const [data,setData] = useState( 
    new Map( 
    Object.entries({
    datapoint1: "",datapoint2: "",datapoint3: "",datapoint4: ""
  })
  )
  );


{[...data.keys()].map((datapoint) => {
        return (
          <input
          className="inputBoxes"
          id={datapoint}
          // value={} how to get value 
            key={datapoint}
            onChange={handleChange(datapoint)}
          />
        );

      }
      
      )}

解决方法

我使用展开运算符 [...data] 来处理我所在州的 [key,value] 数组格式。然后我使用了 get(key) 方法，该方法返回与提供的键相关联的指定元素。

   value={[...data.get(datapoint)]}