在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&nbsp;option元素的value属性只能是一个字符串。如果要获取布尔值，则应该设置无线电输入字段