我想使用React路由器,但我有meteor mongo的问题,我使用Meteor 1.5.1 main.js:
Meteor.startup(() => {
Tracker.autorun(() => {
let translates = Translates.find().fetch();
ReactDom.render(<App translates={translates}/>, document.getElementById('app'));
});
});
App.js
import React from 'react';
import AddTranslate from './AddTranslate';
import TranslateList from './TranslateList';
export default class App extends React.Component {
render() {
return (
<div>
<p>Firts text</p>
<h1>Hello :D</h1>
<TranslateList translates={this.props.translates}/>
<AddTranslate/>
</div>
);
}
};
App.propTypes = {
translates: React.PropTypes.array.isRequired
};
我知道,我需要这样的事情:
export const history = createBrowserHistory({
forceRefresh: true
});
export const routes = (
<Router history={history}>
<Switch>
<Route path="/beginner" component={Beginner}/>
<Route path="/" component={App}/>
</Switch>
</Router>
);
并改变:
ReactDom.render(<App translates={translates}/>, document.getElementById('app'));
ReactDom.render(<routes/>, document.getElementById('app'));
但翻译= {翻译}是什么?
感谢帮助 :)
1 回答
好吧,我的新代码工作,我没有在控制台中得到错误,但我有新问题:控制台可以看到新添加的单词,但网络不是现在,我有:main.js
和App.js
也许问题在于:
你怎么看?感谢帮助 :-)