Question

当点击一个按钮时，它应该渲染一个元素，但它不起作用。如果我点击，没有任何反应，也不会触发任何错误。我正在使用材质 UI

组件内容是一种形式

function handleBoxRegister(){
    return (
      <div>test</div>
    )
  }

<Button
          variant="contained"
          color="primary"
          className={classes.buttonRegister}
          onClick={handleBoxRegister}
        >
          <AddIcon>
          </AddIcon>
          Registrar paciente
        </Button>

Answer 1

<块引用>

它在屏幕中间有一个 div 和一个带有几个按钮的侧边栏，其中一个是注册。然后当用户点击它时，屏幕中间应该会出现一个表单。

这是状态出现的地方，要使表单从视图中出现/消失，您应该将数据（状态）存储在 boolean 变量中并检查它是 true 还是 {{ 1}} 然后在渲染中根据变量的值显示或隐藏它。

下面我们使用了 false 操作符，它只会在第一个值是 && 时渲染它之后的组件。

例如：

true

我无法通过单击按钮渲染组件

1 个答案: