如何通过Material UI将默认值设置为当前位置到AutoComplete表单内的TexField中。 我已经使用Geolocaction获取了当前位置
navigator.geolocation.getCurrentPosition(function(position) {
console.log("position",position);
console.log("Latitude is :", position.coords.latitude);
console.log("Longitude is :", position.coords.longitude);
// Get address from latidude & longitude.
Geocode.fromLatLng(position.coords.latitude, position.coords.longitude).then(
response => {
setAddress(response.results[0].formatted_address);
},
error => {
console.error(error);
}
);
});
我正在使用MATERIAL UI中的自动填充表格。我尝试写defaultValue={addresss}
,但是什么也没发生。
<Autocomplete
id="google-map-demo"
getOptionLabel={(option) =>
typeof option === "string" ? option : option.description
}
filterOptions={(x) => x}
options={options}
onChange={(e, v) => {
user.setFulladdress(v.description);
getPlace(v.place_id);
}}
renderInput={(params) => (
<TextField
{...params}
placeholder="Address"
defaultValue={address}
InputProps={{
...params.InputProps,
classes: {
input: classes.resize,
},
disableUnderline: true,
}}
variant="standard"
fullWidth
onChange={(e, v) => {
setInputValue(e.target.value);
}}
/>
有人知道如何将默认值作为用户的当前位置吗?