React Chrome 拡張機能を React 13.2 で動作させようとしています。現在、<TopLevel></TopLevel>
コンポーネントの代わりにのみ表示されます。何か関係があると思いますが、それReact-Router
を機能させるために何をすべきかわかりません。
これが私のmain.js
ファイルです:
require('es6-shim');
var React = require('react');
var router = require('./router');
// Expose React for the dev tools
window.React = React;
router.run((Handler, state) => {
React.render(
<Handler
params={state.params}
/>,
document.getElementById('app')
);
});
そしてrouter.js
ファイル:
// Proxy calls to router to avoid circular dependencies
var router;
module.exports = {
run(render) {
router.run(render);
}
};
var Router = require('react-router');
var routes = require('./routes');
router = Router.create({
routes: routes,
// location: Router.HistoryLocation
});
そしてroutes.js
ファイル:
var App = require('./App');
var React = require('react');
var Router = require('react-router');
var Route = Router.Route;
var routes = (
<Route name="app" path="/" handler={App} />
);
module.exports = routes;
そして、これが React Chrome 拡張機能に表示されるものです。
アプリ自体は期待どおりに動作します。拡張機能を使用して表示できるようにしたいだけです。