Как обновить React Native WebView до исходного URL-адреса?
Как работает diffing props для виртуального дома React Natives (как бы он ни назывался, т.е. йога)? Каков соответствующий исходный код для него? Это может быть похоже на updateDomProperties(https://holmeshe.me/understanding-react-js-source-code-virtual-dom-diff-VIII/)
В частности, я пытаюсь понять, как реагировать на собственное исходное свойство WebView (https://github.com/react-native-community/react-native-webview). Изменение какой-либо фиктивной опоры источника приводит к обновлению веб-просмотра для того же uri.
source = {{uri:"http://...", forceReload:this.state.forceReload}}
Как это возможно, особенно для Android?
Я хочу узнать об этом, чтобы убедиться, что это поведение не изменится и не нарушит функцию обновления моего веб-просмотра.
@blaz на самом деле, я хочу знать, как различающиеся реквизиты работают в виртуальном доме или как они это называют, чтобы реагировать на нативные.
Ответы 1
На самом деле изменение некоторого фиктивного свойства в источнике приводит к тому, что виртуальный дом определяет изменение и вызывает установщик источника (setSource()) в собственном веб-представлении.
Но setSource() встроенного веб-просмотра проверяет uri и не перезагружает URL-адрес.
Итак, вот мой способ обновить веб-представление до исходного URL-адреса;
https://gist.github.com/expressiveco/d0063875ab15631199acc27abf633177
Да, я также собирался предложить просто иметь кнопку на экране, которая позволяет пользователю обновлять страницу или запускать ее после события/какое-то время.
Под различием вы имеете в виду, как компонент React/React Native обнаруживает изменения в свойствах и выполняет повторный рендеринг? Если это так, вы можете найти жизненный цикл компонента React и поверхностное сравнение, используемое в React.