javascript - 如果在 onChange 中键入另一个字段，如何隐藏一个文本字段？

Question

我有 2 个字段，一个是数量，另一个是投标。如果有人输入数量值，我想向用户隐藏该字段，反之亦然。我怎样才能在打字稿中做到这一点？

<Stack horizontal tokens={styles.horizontalTokens}>
                        <Stack.Item styles={styles.stackItemStyles}>
                          <TextField
                            label="Quantity"
                            placeholder="Enter a number"
                            disabled={userRole !== 'Admin'}
                            type="number"
                            value={values.quantity}
                            onChange={(_, value) => handleInput('quantity', value)}
                            errorMessage={errors.quantity}
                          />
                        </Stack.Item>
                        <Stack.Item styles={styles.stackItemStyles}>
                          <TextField
                            label="Bid"
                            placeholder="Enter a number"
                            disabled={userRole !== 'Admin'}
                            type="number"
                            value={values.bid}
                            onChange={(_, value) => handleInput('bid', value)}
                            errorMessage={errors.bid}
                          />
                        </Stack.Item>
                      </Stack>

为了更清楚起见，当有人在文本字段中输入单词时，我希望“onChange”值能够监听并决定隐藏一个或另一个文本字段。只有当两个字段都为空时，它们才应显示。

标签： javascripttypescripttextfieldfluent-ui