保存每个组合的数量javascript [已关闭]

s71maibg  于 2023-01-19  发布在  Java
关注(0)|答案(1)|浏览(118)

19小时前关门了。
Improve this question
所以我有两个数组,一个包含产品的颜色,另一个包含产品的大小。
假设我有2种颜色(红色和蓝色)和2种尺寸(M和XL)
这是我的jsx代码:

{
    sizeArray.map((size) => colorArray.map((color) => <input onChange={(e) => setCurrentQuantity(e.target.value)} placeholder={size + "/" + color}></input>))
}

上面的代码创建了4个输入,如下所示:
输入1:蓝色/M输入2:蓝色/XL输入3:红色/M输入4:红色/加大码
我的问题是如何将所有输入保存为一个对象?

dgtucam1

dgtucam11#

可以将对象存储在状态中,每个输入一个键值对。

const [quantity, setQuantity] = useState({});
// ...
sizeArray.map((size) => colorArray.map((color) => <input 
    onChange={(e) => setQuantity(prev => ({...prev, [size+'/'+color] : e.target.value})} 
    value={quantity[size+'/'+color]} placeholder={size + "/" + color}/>))

相关问题