小编the*_*tud的帖子

我的应用程序调用第 3 方 api/函数来更改 localStorage 变量isUserLoggedIn。

是否可以在 localStorage 更改时重新渲染组件？我的应用程序根据以下值进行渲染localStorage.getItem('isUserLoggedIn')

<div>
        {
        localStorage.getItem('isUserLoggedIn') ?
        <GlobalHeader
          uniqueid="GlobalHeader"            
          signoutclickhandler={this.signOutHandler}
        />
        :
        <GlobalHeader
          uniqueid="GlobalHeader"    
          signinclickhandler={this.signInHandler}
        />
        }
      </div>

我在开发工具中获得了 2 个不同的“样式”和“计算”选项卡。早些时候，它们位于一个选项卡中，我对这种视图更满意。

我怎样才能恢复那个布局？

我试过重新调整开发工具部分的宽度，但没有用。

import React from 'react';
import './App.css';
import { Button } from 'react-bootstrap';

function App() {
  return (
    <div>
      <input type="checkbox" id="checkboxForHamburger" />

      <Button onClick={??????}> UNCHECK </Button>
    </div>
  );
}

export default App;

我有一个复选框和一个按钮。如果单击按钮，我希望复选框处于“未选中”状态。

我试过的-

<Button onClick={document.getElementById("checkboxForHamburger").checked = false}> UNCHECK </Button>

这给了我一个错误 -无法设置 null 的属性“已检查”