在React中使用<option>值的布尔值

Question

我将“isAvailable”prop存储为boolean，但是当handleChange函数运行时，它将我的布尔变量转换为字符串。是否可以保留“isAvailable”布尔值而不创建另一个处理更改的函数？这是我渲染的选择框：<select     type='text'     name="isAvailable"     className='itemAvailability form__input'     value={this.props.details.isAvailable}     onChange={this.handleChange}>     <option>Availability</option>     <option value={true}>Available</option>     <option value={false}>Not Available</option></select>这里是handleChange函数handleChange = (e) => {     const updatedItem = {         ...this.props.details,         [e.currentTarget.name]: e.currentTarget.value     }     this.props.updateItem(this.props.index, updatedItem);}

Answer 1

HTML option元素的value属性只能是一个字符串。如果要获取布尔值，则应该设置无线电输入字段