import React from 'react';
import { render } from 'react-dom';
import { BrowserRouter as Router, Switch, Route, Link } from 'react-router-dom';
import Spm from '../src/index';
new Spm({
appType: 'aiSearch',
onEventListener: (data, type) => {
console.log(type, data)
}
})
const Home = () => {
return (
<div data-spm-page="test-page-home" page-spm-url="/">
<div data-spm-pagesize="10" page-spm-url2="12334453545" data-spm-pageno="1" data-spm-query="撒个娇">
<div data-spm-module="test-module" data-spm-index="2">
Home
<Link data-spm-event="test-event-/readme" to='/readme'>切换路由</Link>
</div>
</div>
</div>
)
}
const Readme = () => {
return (
<div data-spm-page="test-page-readme" page-spm-url="/readme">
<div data-spm-pagesize="10" page-spm-url2="12334453545" data-spm-pageno="1" data-spm-query="撒个娇">
<div data-spm-module="test-module" data-spm-index="2">
Readme
<Link data-spm-event="test-event-/" to='/'>切换路由</Link>
</div>
</div>
</div>
)
}
const App = () => {
return (
<Router>
<Switch>
<Route key="readme" path="/readme" exact component={Readme} />
<Route key="home" path="/" component={Home} />
</Switch>
</Router>
);
};
render(
<App />,
document.getElementById('Test'),
);