React Js：我如何使用索引号来禁用按钮（如果索引 = 4 则禁用按钮）

Question

enter image description here 我必须创建一个组件，其中一个人最多可以添加 4 个地址来执行此操作我在 map 函数中使用了 slice(0,4) 但我必须在输入 4 个地址时禁用按钮

我该怎么做我需要一个解决方案

enter image description here

Answer 1

我认为您在 return 声明中寻找这样的东西：

        <Button
          className="btn-info btn-sm"
          type="button"
          onClick={(e) => clicked(e)}
          disabled={locations.length >= 4}
        >
          Add Address
        </Button>

我认为您想使用 map.size() 作为禁用条件中的地址数而不是索引。

请注意，我一直在使用 Bootstrap 组件，因此该按钮是一个 drop-in 小部件。如果您不使用 UI 小部件库，那么您应该考虑使用它来简化操作。

Answer 2

if(locations.length < 4) { <button type="button"> Add </button> } 所以基本上按钮会根据条件是真还是假来出现或消失。

React Js：我如何使用索引号来禁用按钮（如果索引 = 4 则禁用按钮）

React Js : How can i use index number to disable button ( if index = 4 then disable button )

javascript

reactjs

map-function