当用户使用React Native otp输入从otp文本输入中删除文本时，如何添加重置状态？

我已经使用react-native-otp-input创建了一个OTP屏幕，如下所示：

当我输入代码时，因为代码状态设置为如下所示的值，所以继续按钮变为粉红色

但是当我尝试清空代码输入时，由于代码状态未刷新，继续按钮仍为粉红色

我的otp输入视图和继续按钮的代码如下：

 <View style={{alignItems: 'center'}}>
              <OTPInputView
                style={{width: '90%', height: 40}}
                pinCount={5}
                codeInputFieldStyle={{
                  width: 30,
                  height: 45,
                  borderWidth: 0,
                  borderBottomWidth: 1,
                  borderBottomColor: '#808080',
                }}
                codeInputHighlightStyle={{
                  borderBottomColor: '#000',
                  color: '#000',
                  borderBottomWidth: 1,
                  borderWidth: 0,
                }}
                codeInputFieldStyle={{
                  color: '#000',
                  borderBottomColor: '#000',
                  borderBottomWidth: 1,
                  borderWidth: 0,
                }}
                onCodeFilled={(code) => {
                  setCode(code);
                }}
              />
            </View>
          </KeyboardAvoidingView>
          <View style={{alignItems: 'center', justifyContent: 'center'}}>
            {code == '' ? (
              <TouchableOpacity
                style={{
                  backgroundColor: '#C0C0C0',
                  width: 250,
                  height: 50,
                  alignItems: 'center',
                  justifyContent: 'center',
                  borderRadius: 20,
                  marginTop: '10%',
                }}
                disabled={true}>
                <Text style={{color: 'white', fontSize: 18}}>Continue</Text>
              </TouchableOpacity>
            ) : otpresponseLoading == true ? (
              <ActivityIndicator
                size="large"
                color="#FE017E"
                style={{marginTop: '10%'}}
              />
            ) : (
              <TouchableOpacity
                style={{
                  backgroundColor: '#FF1493',
                  width: 250,
                  height: 50,
                  alignItems: 'center',
                  justifyContent: 'center',
                  borderRadius: 20,
                  marginTop: '10%',
                }}
                onPress={() => onContinueHandlePress()}>
                <Text style={{color: 'white', fontSize: 18}}>Continue</Text>
              </TouchableOpacity>
            )}
          </View>

有人可以让我知道如何处理这种依赖性的背景印刷吗？并在用户删除代码时刷新代码状态？

任何线索都很好，请让我知道是否需要其他任何信息以更好地理解，谢谢。