Блог

В настоящее время я работаю над проектом, в котором мне нужно отобразить html react-native-webview . Эта часть работает нормально. Однако HTML содержит статическое содержимое, я хочу вставить в него переменные, чтобы в HTML были динамические данные. Одна мысль, которую я придумал, это преобразовать Html в строку и добавить переменные, как показано ниже.

 import React, { Component } from 'react';
import { WebView } from 'react-native-webview';

class MyInlineWeb extends Component {
  render() {
    let variable = "hello"
    return (
      <WebView
        originWhitelist={['*']}
        source={{ html: '<h1>' variable '</h1>' }}
      />
    );
  }
}

  

Вышеупомянутое решение работает, однако для html большего размера должен быть другой способ сделать это. Направьте меня.