在单击按钮时传递文本字段值

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)
)
}

然后将apissetter绑定到按钮的onclick功能。它成功了