将当前位置设置为TextField自动完成材质UI中的默认值

时间:2020-08-19 09:32:10

标签: reactjs google-maps material-ui

如何通过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);
              }}
             
            />

有人知道如何将默认值作为用户的当前位置吗?

0 个答案:

没有答案