Javascript 如何使用React在不同组件之间保持状态
我有三个组件,在它们之间导航我使用的是react路由Javascript 如何使用React在不同组件之间保持状态,javascript,reactjs,react-native,react-router,Javascript,Reactjs,React Native,React Router,我有三个组件,在它们之间导航我使用的是react路由 import React from "react"; import {HashRouter, Route, Switch, Redirect} from 'react-router-dom'; import Main from './components/main/main.component'; import SecondView from './components/secondview/secondview.component'; im
import React from "react";
import {HashRouter, Route, Switch, Redirect} from 'react-router-dom';
import Main from './components/main/main.component';
import SecondView from './components/secondview/secondview.component';
import ThirdView from './components/thirdview/thirdview.component';
import Traineeship from './components/traineeship/traineeships.component';
import InformationFilter from "./components/information/information-filter.component";
import InformationJob from "./components/information/information-job.component";
const AppRoutes = () => (
<HashRouter>
<Switch>
<Route path='/information-filter' component={InformationFilter}/>
<Route path='/information-job' component={InformationJob}/>
<Route path='/traineeships' component={Traineeship}/>
</Switch>
</HashRouter>
);
export default AppRoutes;
是空的,最好的方法是什么,这样我可以将参数从组件A传递到组件B,然后传递到组件C,这样我在单击“上一步”按钮时就不会有任何问题
你知道吗 现在似乎是使用基于redux的reducer的时候了。我已经实现了一个没有redux的解决方案,我所做的只是添加一个根组件并将值存储在根状态。现在我有了可用的状态(使用props的子组件:)
<Link to={{
pathname: '/information-job',
state: {industry: this.state.selectedIndustry, job: this.state.selectedJob}
}}>
componentDidMount() {
console.log(this.props.location.state);
}