Как использовать библиотеку Reactjs внутри компонента React Native Webview - PullRequest
1 голос
/ 30 января 2020

Так как заголовок говорит, что я пытаюсь запустить библиотеку Reactjs в React Native Webview, но мне не повезло.

Мое веб-представление

                   <WebView
                        source={{html: html}}
                        style={{
                            flex: 1,
                            marginLeft: 0,
                            marginRight: 0,
                            marginTop: 21,
                            marginBottom: 21,
                            width: '100%',
                            height: 263
                        }}
                        scrollEnabled={false}
                    />

Моя html строка

const html = `
<!DOCTYPE html>
<html lang="en">

<title>Test React</title>
<script src= "https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script src= "https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>

<body>
<div id="root"/>

<script type="text/babel">
    import RadarChart from 'react-svg-radar-chart';
    import 'react-svg-radar-chart/build/css/index.css';

    ReactDOM.render(
      <div>
      <p>hello</p>
      <RadarChart
        captions={${captions}}
        data={${data}}
        size={450}
        />
      </div>,
      document.getElementById('root'));
</script>
</body>
</html>
`;

Я установил библиотеку в свой собственный реактивный проект и попытался объединить компонент в строку html, как эта $ {RadarChart} , но это не сработало, поэтому я предполагаю, что нет способа использовать локальную библиотеку с Webview. У кого-нибудь есть идея получше?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...