Dígame la forma correcta de inyectar JavaScript específico en WebView según la página que se esté viendo actualmente en WebView.

Quiero mostrar 2 pasos. El paso 1 es exitoso, pero cuando WebView carga la segunda página, el segundo paso de JavaScript no es exitoso.

 const injectedJavaScript: = ` let currentStep = "step1"; if(currentStep === 'step1') { document.getElementById('username').value = '${ this.props.username }'; document.getElementById('password').value = '${ this.props.password }'; document.getElementById('login').click(); currentStep = 'step2'; } else if(currentStep === 'step2' && window.location.href === "https://www.example.com") { currentStep = 'download'; document.getElementsByClassName('button')[0].click(); } `;

 <WebView ignoreSslError={true} source={{ uri: "https://www.example.com" }} style={{ marginTop: 20, height: 400, width: 400 }} injectedJavaScript={injectedJavaScript} javaScriptEnabledAndroid={true} onError={() => this.webviewError(e)} startInLoadingState={true} scalesPageToFit={true} />