reactjs - 是否可以将函数传递给 Chakra 的 isInvalid 属性？

Question

我有一个受控的脉轮输入组件。如果我将 isInvalid 道具设置为布尔值，我可以正确控制它的外观。

<Input
  isInvalid={true}
  name="nmfc"
  value={inputs.nmfc}
  onChange={handleChange}
/>

但是，一旦我传递一个函数，它总是显示为无效，即使该函数的计算结果为假。

<Input
  isInvalid={() => inputs.nmfc === 'illegalvalue'}
  name="nmfc"
  value={inputs.nmfc}
  onChange={handleChange}
/>

我也尝试将变量传递给属性，但不会反映对变量的更改。

似乎应该可以动态设置它，因为输入是否有效取决于输入数据的变化。

score 0 · Accepted Answer

只需通过评估即可：

<Input
  isInvalid={inputs.nmfc === 'illegalvalue'}
  name="nmfc"
  value={inputs.nmfc}
  onChange={handleChange}
/>

1 回答 1