用选择的选项EdgeJs重新填充选择标签

时间:2019-10-16 13:11:35

标签: adonis.js edgejs

我希望能够以更新形式显示所选值,这是我的代码:

         <GooglePlacesAutocomplete
                            placeholder='Search'
                            minLength={2}
                            autoFocus={false}
                            returnKeyType={'search'}
                            keyboardAppearance={'light'}
                            listViewDisplayed={false}
                            fetchDetails={true}
                            keyboardShouldPersistTaps="handled"
                            renderDescription={row => row.description}
                            onPress={(data, details = null) => {
                                console.log(data, details);
                                this.setState({ location: data.structured_formatting.main_text, user_long: details.geometry.location.lng, user_lat: details.geometry.location.lat })
                            }}
                            enablePoweredByContainer={false}
                            getDefaultValue={() => ''}
                            textInputProps={{
                                ref: (input) => { this.fourthTextInput = input }
                            }}
                            query={{
                                // available options: https://developers.google.com/places/web-service/autocomplete
                                key: 'MY_API_KEY',
                                language: 'en',
                                region: "US", //It removes the country name from the suggestion list
                                // types: '', // default: 'geocode'
                                components: 'country:us'
                            }}
                            styles={{
                                container: { width: 300 },
                                textInputContainer: {
                                    backgroundColor: 'transparent',
                                    margin: 0,
                                    width: 200,
                                    padding: 0,
                                    borderTopWidth: 0,
                                    borderBottomWidth: 0
                                },
                                textInput: {
                                    textAlign: 'center',
                                    minWidth: 40,
                                    borderColor: "#cbb4c0",
                                    borderBottomWidth: 1,
                                    color: '#5d5d5d',
                                    fontSize: 14,
                                },
                                description: {
                                    color: '#ac879a',
                                    fontWeight: '300'
                                },
                                predefinedPlacesDescription: {
                                    color: '#1faadb'
                                }
                            }}
                            currentLocation={false}
                            nearbyPlacesAPI='GooglePlacesSearch' // Which API to use: GoogleReverseGeocoding or GooglePlacesSearch
                            GoogleReverseGeocodingQuery={{// available options for GoogleReverseGeocoding API : https://developers.google.com/maps/documentation/geocoding/intro
                            }}
                            GooglePlacesSearchQuery={{
                                // available options for GooglePlacesSearch API : https://developers.google.com/places/web-service/search
                                rankby: 'distance',
                                type: 'cafe'
                            }}
                            GooglePlacesDetailsQuery={{
                                // available options for GooglePlacesDetails API : https://developers.google.com/places/web-service/details
                                fields: 'formatted_address',
                            }}
                            filterReverseGeocodingByTypes={['locality', 'administrative_area_level_3']}
                            debounce={200}
                        />

在PHP中,我通常使用变量来确定select标记中的选定值,但是我看不到在EdgeJs中创建变量的可能性。

0 个答案:

没有答案