javascript - 如何隐藏按钮，直到所有字段都被填充以与钩子(Hook) react

Question

我在 React 中有一个表单，如何在所有字段都有值之前隐藏提交按钮？表单域:

        <Form>
        <Form.Group controlId="textField">
          <Form.Control onChange={handleTextValueInput} value={textValue} />
        </Form.Group>

按钮:

          <ButtonToolbar> 
            <Button onClick={doSomething}  variant="secondary" size="sm">
              Submit field
            </Button>
          </ButtonToolbar>

Answer 1

我不确定这是否是您想要的，但这里有一个解决方案:

<ButtonToolbar> 
  {textValue.length > 0 &&
    <Button onClick={doSomething} variant="secondary" size="sm"> Submit field 
    </Button>
  }
</ButtonToolbar>