Question

这是包含文本字段和按钮的代码。我想用文本字段的值调用“apiFetcher”函数。我在文本字段中注释掉了 onblur 功能。那工作得很好。任何解决此问题的建议。

<Autocomplete
    id="free-solo-2-demo"
    disableClearable
    options={Cities.map((option) => option.name)} 
    renderInput={(params) => (
      <div
      >
      <TextField
        id="standard-basic" 
        {...params}
        label="city"
        margin="normal"
        InputProps={{ ...params.InputProps, type: 'search' }}
        // onBlur={apiFtecher}
      />
      
  </div>
    )}
  />
  </Grid>
  <Grid className={classes.seIcon} item xs={1}>
    <div onClick={apiFtecher}>
        <IconButton>
            <SearchIcon/>
        </IconButton>
    </div>
  </Grid>

这里是apiFetcher函数

 const apiFtecher = e => {
  setcity(e.target.value);
  console.log(city);
 }

Answer 1

这是我做的

const [town,settown]=useState("");

function APIsetter(){
       return(
         setcity(town)
       )
     }

然后将 APIsetter 绑定到按钮的 onclick 函数上，就成功了

通过单击按钮传递文本字段值

1 个答案: