0
MeteorとReactを使用してWebアプリケーションを構築し、React内で2つのビューをレンダリングしようとしていますが、インデックスコンポーネントはレンダリングしません。 「2つの」コンポーネントがあります。ここに私のroutes.jsxは次のとおりです。コンポーネントはReactJSとReact Routerでレンダリングされませんか?
import React from 'react';
import { render } from 'react-dom';
import { Router, Route, browserHistory } from 'react-router';
import { Index } from '../../ui/components/index.jsx';
import { Two } from '../../ui/pages/two.jsx';
Meteor.startup(() => {
render(
<Router history={ browserHistory }>
<Route path="/" component={ Index } />
<Route path="/two" component={ Two } />
</Router>,
document.getElementById('react-root')
);
});
Index.jsx:
import React, { Component } from 'react';
export default class Index extends Component {
render() {
return(
<Index className="container">
<header>
<h1>Todo List</h1>
</header>
</Index>
);
}
}
Two.jsx:
import React from 'react';
export const Two =() => <h3>Two</h3>;
何が起こっていますか?どんな助けにも感謝!
が動作しません... @QoP他に何かできますか? – girlrockingguna
なぜですか?エラーは何ですか? – QoP
@girlrockingguna 'Index'をデフォルトの書き出しとしてエクスポートしているので、../../ui/component/index.jsxから' import Index 'を実行する必要があります。 ../ui/component/index.jsx "'(または 'import' {デフォルトのインデックス} ..)' QoPといっしょに:) –