如何在React Native中的页面上显示默认值

Question

单击下拉按钮，我将在页面上显示内容。我想在页面上设置一些默认值，而不管单击下拉按钮如何，单击下拉按钮时它都应该更改。有什么办法吗？请帮忙。

我的下拉菜单有4个项目。我想将第一项显示为默认项。我为此编写了一个onclick事件，每次onclick都在获取服务。

async onChangeText(apiurl) {
        this.setState({
            refreshing: false
        });
        let paramUrl;
        this.state.data.forEach(eachUrl => {
            if (apiurl === eachUrl.displayName) {
                paramUrl = eachUrl.apiurl;
            }
        });
        const res = await getResult(paramUrl);
        this.setState({ listItems: res.data });
    }
    My dropdown looks like this
      <Dropdown
                        data={this.state.data}
                        label='Select'
                        fontSize={15}
                        valueExtractor={({ displayName }) => displayName}
                        itemPadding={10}

                        onChangeText={this.onChangeText.bind(this)}
                    />