2

在一个反应​​应用程序中，我正在使用 ui-kitten 组件，特别是一个 Select 组件：

<Select
  placeholder="Selecciona el departamento"
  data={departmentOptions}
  selectedOption={props.dept}
  onSelect={(newDepartment) => {
    props.setDepartment(newDepartment);
    props.setDepartmentValidation(validationSuccess);
    setDept(null);
    // props.department = newDepartment;
  }}
  textStyle={textStyle.label}
  controlStyle={styles.input}
  style={{ marginBottom: 16 }}
  labelStyle={textStyle.label}
  icon={renderIcon}
/>

我想在每次重新渲染后重置占位符上的 Select 组件，而不是之前选择的选项。我知道该方法 clear() 可用，如官方文档中所述：ui-kitten docs，但我不知道如何使用这些方法。关于如何使用这些方法的任何想法（例如 clear()、blur()、show()、hide() 等）。

4

1 回答 1

2

我也想知道完全相同的问题，文档并不清楚使用方法。但是，我发现图标组件的部分有一个示例，说明如何使用方法在按下按钮时为图标设置动画。

您需要在函数体的开头使用它：

const select = React.useRef()

然后在你的选择组件中，有这样的东西：

<Select ref={select}>{...}</Select>

最后，只需select.clear()在需要时清除选择组件。

让我知道这是否有帮助。

于 2020-07-25T16:22:17.157 回答