时间戳

首页 > 解决方案 > 如何默认选择数组中的第一项？

react-native - 如何默认选择数组中的第一项？

问题描述

我有一个 Picker，我在一个数组中有 3 个项目，我在其中接收 tham。默认情况下，我需要将数组中的第一项放入选择器中。这是接收所有项目的矿山选择器，当我按下下拉菜单时，它会显示我的所有驱动程序，但默认情况下它需要显示数组中的第一个项目。

       <View style={{width: '50%', paddingRight: 5}}>
          <RNPickerSelect
            style={{
              inputAndroid: styles.dropdownAndroid,
              inputIOS: styles.dropdownIOS,
              placeholder: styles.dropdownPlaceholder,
              iconContainer: styles.dropwownIcon
            }}
            disabled={this.state.vendorDriverSelectDisabled}
            placeholder={{ label: this.props.mainProps.language.selectDriver }}
            onValueChange={(value) => this.setState({...this.state, selectedVendorDriver: value})}
            value={this.state.selectedVendorDriver}
            items={this.state.vendorDrivers}
            useNativeAndroidPickerStyle={false}
            Icon={() => {
              return <EvilIcons name="chevron-down" size={37} color="#333" />
            }}
          />
        </View>

标签： react-native

解决方案

当您为vendorDrivers状态设置数据时，使用这样的代码？

this.setState({ vendorDrivers: someData })

因此，只需将selectedVendorDriverstate 设置为 的第一个元素someData 并且代码将变为

this.setState({ vendorDrivers: someData, selectedVendorDriver: someData[0] })

推荐阅读