HTML включает скрипт с тегами jsx, es2017 и другими тегами - PullRequest
Новая
       31

HTML включает скрипт с тегами jsx, es2017 и другими тегами

0 голосов
/ 07 декабря 2018

У меня есть следующий Javascript (JSX, es2017 и другие), который отлично работает, когда включен на страницу, но когда я получаю контент из URL в теге src, он больше не работает.Как я могу включить следующее, если источник взят из другого файла?

Я не могу загрузить свой Javascript при импорте из тега src: 

<script src="...some_url..." type="text/jsx" data-presets="es2017,react,stage-0" data-plugins="transform-decorators-legacy"></script>

Однако при работе настраницы. 

<script type="text/jsx" data-presets="es2017,react,stage-0" data-plugins="transform-decorators-legacy">
function test(div_id) {
        const {LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend} = Recharts;
        const data = [
              {name: 'Page A', uv: 4000, pv: 2400, amt: 2400},
              {name: 'Page B', uv: 3000, pv: 1398, amt: 2210},
              {name: 'Page C', uv: 2000, pv: 9800, amt: 2290},
              {name: 'Page D', uv: 2780, pv: 3908, amt: 2000},
              {name: 'Page E', uv: 1890, pv: 4800, amt: 2181},
              {name: 'Page F', uv: 2390, pv: 3800, amt: 2500},
              {name: 'Page G', uv: 3490, pv: 4300, amt: 2100},
        ];
        const SimpleLineChart = React.createClass({
                render () {
                return (
                <LineChart width={600} height={300} data={data}
                    margin={{top: 5, right: 30, left: 20, bottom: 5}}>
               <XAxis dataKey="name"/>
               <YAxis/>
               <CartesianGrid strokeDasharray="3 3"/>
               <Tooltip/>
               <Legend />
               <Line type="monotone" dataKey="pv" stroke="#8884d8" activeDot={{r: 8}}/>
               <Line type="monotone" dataKey="uv" stroke="#82ca9d" />
              </LineChart>
            );
          }
        })

        ReactDOM.render(
                <SimpleLineChart />,
                document.getElementById(div_id)
        );
}
</script>
...