下面是我为那些遇到同样问题的人提供的解决方案。我已经更新了handleChange函数，如下所示。

handleChange = (e) => {
    let updatedValue = e.currentTarget.value;

    if (updatedValue === "true" || updatedValue == "false") {
        updatedValue = JSON.parse(updatedValue);
    }

    const updatedItem = {
        ...this.props.details,
        [e.currentTarget.name]: updatedValue
    }

    this.props.updateItem(this.props.index, updatedItem);
}

HTML option元素的value属性只能是字符串。如果要获取布尔值，可能需要设置radio input field

很晚了，但是我想我应该展示一下我是如何处理类似的事情的，一旦我的选项进入mongo数据库，它的值就被设置为一个布尔值，但是在页面刷新之前redux将选项存储为一个字符串，所以添加了一个字符串检查来显示同时的变化。

onChangeHandler = (event) => {
    this.props.userInfoUpdate(
        event.target.name, event.target.value
    )
}


        const display_address = () => {
        if(!this.props.display_address || this.props.display_address === 'true'){
            return (
                <select name='display_address' onChange={this.onChangeHandler} >
                    <option value={true}>Yes</option>
                    <option value={false}>No</option>                    
                </select>
            )
        }else{
            return (
                <select name='display_address' onChange={this.onChangeHandler} >
                    <option value={false}>No</option>
                    <option value={true}>Yes</option>                                            
                </select>
            )
        }
    }

[2023]有一个变通方案，您可以检查当前选定的值，并根据该值返回最终值。
例如：对于上面的代码

<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>

在您要提交的数据中，您可以具有：

const dataToSubmit= {
    isAvailable:
      formdata.isAvailable === "true"
        ? true`enter code here`
        : formdata.isAvailable === "false"
        ? false
        : null,
  };