为什么IE（11）会自发擦除reactjs中的localstorage？

Question

我有一个带有 reactjs 的应用程序，它有一个登录页面，在用户成功登录后，我将令牌保存在 localstorge 中并在我的浏览器中保存一个 cookie，它在除 IE (11) 之外的所有浏览器中都能正常工作，我在之后跟踪再次登录IE清除localstorage，然后用户返回登录页面；我真的不知道该怎么办:(

这是我的登录组件：

export default function Login(props){


    const [values, setValues] = useState({
        Username : '' , 
        Password : '' ,
        Remember : false , 
        error : false
    });
    const loginBtn = React.createRef();
    const [token , setToken] = useState(null);
    const [output , setOutput] = useState(null);

    const handleChange = name => event => {
       // console.log(name);
        setValues({
            ...values , 
            [name] : event.target.value
        });        
    };

    console.log('cookie (out): ' , document.cookie);
    console.log('localstorage (out): ' , localStorage.getItem('access_Token'));

    const loginClick = () => {
        axios.post('/dashboard/auth' , {"username" : values.Username , "password" : values.Password})
            .then(response => {
                localStorage.setItem('access_Token' , response.data.access_Token);
                document.cookie = 'electiondashboard=1';
                setOutput(<Redirect to='/dashboard' />);
                console.log('cookie : ' , document.cookie);
                console.log('localstorage : ' , localStorage.getItem('access_Token'));
            })
            .catch(error => {
                console.log('in login : ' , error);
                setValues({
                    ...values ,
                    error : true
                });
            });

    };

    const onKeyDownhandler = (e) => {
        if(e.keyCode === 13){
            e.preventDefault();
            loginBtn.current.click();
        }
    };


    return (
        <Fragment>
            <div className={myClasses.DRT_Login}>
                <div className={myClasses.DRT_Box}>
                    <h4 className={myClasses.DRT_Title}>
                        به سامانه انتخاباتی دورتال
                        <br/>
                        خوش آمدید
                    </h4>
                    <form>
                        <div>
                            <label>
                                ایمیل یا نام کاربری خود را وارد کنید 
                            </label>
                            <input type='text' name='Username'
                                    placeholder='Enter Username Or Email Address'
                                    onChange={handleChange('Username')} 
                                    onKeyDown={e => onKeyDownhandler(e)}/>
                        </div>
                        <div>
                            <label>رمز ورود را وارد کنید</label>
                            <input type='password' name='Password'
                                    placeholder='Enter Password'
                                    onChange={handleChange('Password')} 
                                    onKeyDown={e => onKeyDownhandler(e)}/>
                        </div>
                        <Grid container>
                            <Grid item xs={12} sm={6}>
                                <a href="http://google.com" className={myClasses.DRT_ForgotPass}>
                                    رمز عبور خود را فراموش کرده اید ؟
                                </a>
                            </Grid>
                        </Grid>
                        <div>
                            <ButtonTemp 
                                    type='link' 
                                    mode='primary' 
                                    styles={{width : '100%' , fontWeight : 'normal' , marginTop : '20px'}}
                                    onclick={loginClick}
                                    reactRef={loginBtn}>
                                ورود
                            </ButtonTemp>
                        </div>
                        {
                            values.error ? 
                                (<AlertTemp type='danger' styles={{fontSize : '13px'}}>
                                    نام کاربری یا رمز عبور اشتباه است
                                </AlertTemp>) : ''
                        }
                    </form>
                </div>

            </div>

            {output}
        </Fragment>


    );

};

这是我的索引组件检查令牌然后指导用户何时可以去：

export default function Index(props){

    const [token , setToken] = useState(localStorage.getItem('access_Token'));

    console.log('in index localstorage : ' , localStorage.getItem('access_Token'));
    console.log('in index localstorage eeeee : ' , (localStorage.getItem('access_Token') === null) );

    useEffect(() => {
        if(localStorage.getItem('access_Token'))
            setToken(localStorage.getItem('access_Token'));
        else
            setToken(null);
    } , [token]);


    return (
        <Fragment>
            <Route exact path='/dashboard' component={Layout} />
            <Route exact path='/dashboard/cartable' component={Layout} />
            <Route path='/dashboard/cartable/requests' component={Layout} />
            <Route path='/dashboard/cartable/approved' component={Layout} />
            <Route path='/dashboard/cartable/rejected' component={Layout} />
            <Route path='/dashboard/elections-management' component={Layout} />
            <Route path='/dashboard/statistics/assignee' component={Layout} />
            <Route path='/dashboard/statistics/participation' component={Layout} />
            <Route path='/dashboard/errors' component={Layout} />
            {
                token === null ? 
                    <Route path='/dashboard/login' component={Login} /> 
                    : <Redirect to='/dashboard' />
            }
        </Fragment>
    );

};

Answer 1

看来问题是你的因为正如你所说你在其他浏览器中没问题，我建议如果你没有使用win 10更新你的ie 希望对你有用

-更新：我的意思是唯一的问题是IE，而不是其他浏览器，所以你需要更新你的ie，因为问题的原因可能是你的ie已经过时了