我如何在 reactjs 中显示文件输入选择的按钮

Question

我想默认隐藏一个按钮，并在从文件输入字段中选择文件后显示它，但我不知道如何实现这个请任何人都可以解决这个提前谢谢

这是我在文件选择中隐藏和显示按钮的代码

     <form onSubmit={changeImage} encType="multpart/form-data">
      <Stack direction="row" alignItems="center" spacing={2}>
        <label>
          <Input
            accept="image/*"
            id="icon-button-file"
            type="file"
            name="image"
            onChange={fileSelectHandler}
          />
          <IconButton
            htmlFor="buttonHide"
            color="primary"
            aria-label="upload picture"
            component="span"
          >
            <PhotoCamera />
          </IconButton>
        </label>
        <label>
          <Button variant="contained" id="buttonHide" hidden type="submit">
            Update
          </Button>
        </label>
      </Stack>

Answer 1

您可以对状态使用条件渲染：

类似的东西：

    const [Show, setShow] = useState(false);

并将这些代码行放在 return/render 函数中：

{
 Show && (<div><div/>)
}

当你想显示块的代码时，只需更改状态：

setShow(true);

我如何在 reactjs 中显示文件输入选择的按钮

How i can display a button on file input selection in reactjs

reactjs

material-ui