小编jin*_*ma 的帖子

浏览器刷新后如何保持React组件状态

谢谢你阅读我的第一个问题.

我尝试auth使用Shared Root使用react,react-router和firebase.所以,我想保持App.js用户状态.但是当我尝试刷新浏览器时,找不到用户状态.

我试图保存到localstorage.但有没有办法在没有浏览器刷新后保持组件状态localStorage


App.js

import React, { Component, PropTypes } from 'react'
import Rebase from 're-base'

import auth from './config/auth'

const base = Rebase.createClass('https://myapp.firebaseio.com')

export default class App extends Component {
  constructor (props) {
    super(props)
    this.state = {
      loggedIn: auth.loggedIn(),
      user: {}
    }
  }

  _updateAuth (loggedIn, user) {
    this.setState({
      loggedIn: !!loggedIn,
      user: user
    })
  }

   componentWillMount () {
     auth.onChange = this._updateAuth.bind(this)
     auth.login() // save localStorage
   }

  render () {
    return (
      <div>
        { this.props.children && …
Run Code Online (Sandbox Code Playgroud)

firebase reactjs react-router

5
推荐指数
1
解决办法
1万
查看次数

标签 统计

firebase ×1

react-router ×1

reactjs ×1