是否可以将函数传递给 Chakra 的 isInvalid 属性?
Is it possible pass a function to Chakra's isInvalid property?
我有一个受控的脉轮输入组件。如果我将 isInvalid 属性设置为布尔值,我可以正确控制它的外观。
<Input
isInvalid={true}
name="nmfc"
value={inputs.nmfc}
onChange={handleChange}
/>
然而,一旦我传递一个函数,它总是显示为无效,即使该函数的计算结果为 false。
<Input
isInvalid={() => inputs.nmfc === 'illegalvalue'}
name="nmfc"
value={inputs.nmfc}
onChange={handleChange}
/>
我也曾尝试将变量传递给 属性,但未反映对变量的更改。
似乎应该可以动态设置它,因为输入是否有效取决于输入数据的变化。
只需通过评估即可:
<Input
isInvalid={inputs.nmfc === 'illegalvalue'}
name="nmfc"
value={inputs.nmfc}
onChange={handleChange}
/>
我有一个受控的脉轮输入组件。如果我将 isInvalid 属性设置为布尔值,我可以正确控制它的外观。
<Input
isInvalid={true}
name="nmfc"
value={inputs.nmfc}
onChange={handleChange}
/>
然而,一旦我传递一个函数,它总是显示为无效,即使该函数的计算结果为 false。
<Input
isInvalid={() => inputs.nmfc === 'illegalvalue'}
name="nmfc"
value={inputs.nmfc}
onChange={handleChange}
/>
我也曾尝试将变量传递给 属性,但未反映对变量的更改。
似乎应该可以动态设置它,因为输入是否有效取决于输入数据的变化。
只需通过评估即可:
<Input
isInvalid={inputs.nmfc === 'illegalvalue'}
name="nmfc"
value={inputs.nmfc}
onChange={handleChange}
/>