diff options
author | Ernst Widerberg <ernst@sunet.se> | 2021-11-25 10:54:42 +0100 |
---|---|---|
committer | Ernst Widerberg <ernst@sunet.se> | 2021-11-25 10:54:42 +0100 |
commit | 6eb838e75013235bb1aa24ddf7bbd5dd0a42ec8b (patch) | |
tree | 2cbbc863a4a4071b229b3648cc1f7adbf755f58b /src/components/App.js | |
parent | d84c43cd9f23383d379bf4a416b510bfd0db1301 (diff) |
Fix race condition
Use localStorage only in root App, pass token as prop to child
components.
Diffstat (limited to 'src/components/App.js')
-rw-r--r-- | src/components/App.js | 16 |
1 files changed, 11 insertions, 5 deletions
diff --git a/src/components/App.js b/src/components/App.js index 636c672..cc89ca8 100644 --- a/src/components/App.js +++ b/src/components/App.js @@ -30,13 +30,13 @@ class App extends React.Component { } setToken(token) { - this.setState({ token: token }); localStorage.setItem("token", token); + this.setState({ token: token }); } clearToken() { - this.setState({ token: null }); localStorage.removeItem("token"); + this.setState({ token: null }); } setError(e) { @@ -63,10 +63,16 @@ class App extends React.Component { <Header clearToken={this.clearToken} /> <Switch> <Route path="/:id"> - <MakeObjectView setError={this.setError} /> + <MakeObjectView + token={this.state.token} + setError={this.setError} + /> </Route> <Route path="/"> - <List setError={this.setError} /> + <List + token={this.state.token} + setError={this.setError} + /> </Route> </Switch> </Router> @@ -76,7 +82,7 @@ class App extends React.Component { function MakeObjectView(props) { let { id } = useParams(); - return <ObjectView id={id} setError={props.setError} />; + return <ObjectView id={id} token={props.token} setError={props.setError} />; } export default App; |