Question

我想从一个选择/选项中传递多个值。我尝试将值包装在数组，字典，甚至对象本身中，但得到了

index.js:1446 Warning: Failed prop type: Invalid prop value supplied to Option.

我想到了将其附加到一个长字符串上并在我的onChange方法（值= {i.value +“，” + i.amount}）中进行解析的方法，但这似乎有点脚。是否有更好的方法？顺便说一下使用Ant-D UI库。这是我的代码：

            <div className="item">
                <Select defaultValue={this.props.data[0].unit_quantity} style={{ width: 120, marginLeft: "-20vw", marginRight: "5vw"}} onChange = {this.changePrice}>   
                    {this.props.data.map((i) => 
                        <Option 
                        value={i.price+","+i.amount_in_stock}

                        key = {i.id}> {i.unit_quantity+" "+i.unit_of_measurement} </Option>
                    )}
                </Select>
                <h1>{"$"+this.state.price}</h1>

稍微不相关，当我用h1包裹this.state.price时，它弄乱了我的CSS，但是如果我不包裹它，它会完美对齐。是什么原因造成的？谢谢

如何通过选择/选项传递多个值

0 个答案: