我正在创建我的第一个电子反应应用程序(我的第一个电子应用程序).我有两条路线需要从一条路线导航到另一条路线.为此,我使用以下代码:
根
ReactDOM.render(
<Router history={browserHistory}>
<App />
</Router>,
document.getElementById('root')
);
Run Code Online (Sandbox Code Playgroud)
应用
class App extends React.Component {
constructor() {
super();
}
render() {
return (
<div className="app-master">
<Switch>
<Route path='/city' component={CityList}/>
<Route path='/' component={SplashScreen}/>
</Switch>
</div>
)
}
}
Run Code Online (Sandbox Code Playgroud)
页
import { browserHistory } from 'react-router';
...
browserHistory.push('/city');
Run Code Online (Sandbox Code Playgroud)
这条线给出错误,
TypeError: Cannot read property 'push' of undefined
Run Code Online (Sandbox Code Playgroud)
我在网上搜索可能的解决方案,但找不到一个!关于SO也有很多类似的问题,但没有一个对我有用:(
如何在ReactJS中重新加载当前页面?在javascript的情况下,我们可以写window.location.reload();
如何在reactjs中做同样的事情?我可以通过UI添加新数据.但是没有刷新我就无法看清单.我希望每当我添加一些时间本身的数据时.
onAddBucket() {
let self = this;
let getToken = localStorage.getItem('myToken');
var apiBaseUrl = "...";
let input = {
"name" : this.state.fields["bucket_name"]
}
axios.defaults.headers.common['Authorization'] = getToken;
axios.post(apiBaseUrl+'...',input)
.then(function (response) {
if(response.data.status == 200){
let result = self.state.buckets.concat(response.data.buckets)
}else{
alert(response.data.message);
}
})
.catch(function (error) {
console.log(error);
});
}
Run Code Online (Sandbox Code Playgroud)