颜色改变时 PinInputField 值不改变颜色

Question

这是双因素身份验证输入字段的代码。颜色是有条件的，具体取决于

  const color = Store.get('theme') == 'dark' ? dark.color.input.color : light.color.input.color

问题是，当颜色更改时，输入字段中类型的值不会更改，除非您键入另一个值。

<PinInput
              otp
              size="lg"
              placeholder=""
              focusBorderColor="#a5a505"
              autoFocus
              manageFocus
              onComplete={handleComplete}
            >
              <PinInputField mr="15px" color={color} />
              <PinInputField mr="15px" color={color} />
              <PinInputField mr="15px" color={color} />
              <PinInputField mr="15px" color={color} />
              <PinInputField mr="15px" color={color} />
              <PinInputField mr="15px" color={color} />
            </PinInput>

有没有办法让颜色改变时值自动改变颜色？