react项目，想根据变量来控制select是否可以下拉，为啥disabled属性无论等于true还是等于false页面都是不允许下拉？

Question

select标签的disabled属性设置等于true或者等于false，为啥在页面中都是不可下来的状态？
把disabled属性去掉后就可以下拉了
哪怎么用变量控制是否可下拉呀？

            <Col span={5}>
              {/**源库位**/}
              <FormItem
                {...itemLayout}
                label={<FormattedMessage {...messages.YKW} />}
              >
                {getFieldDecorator(`names5_${k}`, {
                  initialValue: "",
                  rules: [
                    {
                      required: true,
                      whitespace: true,
                      message: <FormattedMessage {...messages.QXZYKW} />,
                    },
                  ],
                })(
                  <Select
                    showSearch
                    allowClear
                    optionFilterProp="children"
                    id="names5_${k}"
                    disabled ="false"
                  >
                    {this.state.locationData.map((item, index) => {
                      return (
                        <Select.Option
                          value={item.locationCode + "," + item.sendSpot}
                          key={index}
                        >
                          {item.locationCode}({item.sendSpot})
                        </Select.Option>
                      );
                    })}
                  </Select>
                )}
              </FormItem>
            </Col>

Answer 1

第一个问题：

id="names5_${k}"  你的 k 如果是动态的这是错的
id=`name5_${k}` 这才是字符串模板

第二个问题：

disabled="false" 这是个 字符串 这里一直是 true
disabled={false} 这个花括号里的可以传入变量

Answer 2

jsx的写法不应该是disabled={false}吗

Answer 3

jsx 中 disabled="" 双引号里面的都是字符串，你要这样写 disabled={false}

还有：

number={1}：1 是 number 类型；number="1"：1 是 string 类型

Answer 4

'false' == true

Answer 5

let disabled  =  true;
<Select
    showSearch
    allowClear
    optionFilterProp="children"
    id="names5_${k}"
    disabled ={disabled}
  >
    {this.state.locationData.map((item, index) => {
      return (
        <Select.Option
          value={item.locationCode + "," + item.sendSpot}
          key={index}
        >
          {item.locationCode}({item.sendSpot})
        </Select.Option>
      );
    })}
  </Select>