我想在下面显示选定的值以返回所选值，但我无法从中获得数据，这可能是一个小问题

Question

    import { Autocomplete, Stack, TextField } from "@mui/material";
import { Box } from "@mui/system";
import axios from "axios";
import React, { useEffect, useState } from "react";

const SearchProperty = () => {
  const [searchResult, setSearchResult] = useState([]);
  const { saveResult, setSaveResult } = useState('');
console.log(saveResult)
  useEffect(() => {
    axios
      .get(`api/societies/`, {
        headers: {
          Authorization: `Bearer  ${localStorage.getItem("token")}`,
        },
      })
      .then((res) => {
        setSearchResult(res.data);
      });
  }, []);

  return (
    <div className="p-5 px-md-20 px-2xl-40 ">
      <Stack>
        <Autocomplete
          id="SearchProperty"
          getOptionLabel={(searchResult) => `${searchResult.name}`}
          options={searchResult}
          inputValue={saveResult}
          isOptionEqualToValue={(option, value) => option.name === value.name}
          onChange={(event, value) => setSaveResult(value)}
          noOptionsText={"No Such Property Available"}
          renderOption={(props, searchResult) => (
            <Box component="li" {...props} key={searchResult.society_id}>
              {searchResult.name}
            </Box>
          )}
          renderInput={(params) => (
            <TextField fullWidth {...params} label="Search Property By Name" onChange={({ target }) => setSaveResult(target.value)}/>
          )}
        />
      </Stack>
      <div>
        <div className="flex">
       {
            <div>
            <h2>{saveResult?.name}</h2>
            <h2>{saveResult?.society_id}</h2>
            <h2>{saveResult?.name}</h2>
          </div>
       }
        </div>
      </div>
    </div>
  );
};

export default SearchProperty;

我的API工作正常 我可以看到下拉搜索结果 我可以选择结果 但是我无法在我的状态下保存 onChange = {（event，value）=＆gt; console.log（value）} 这

onChange={(event, value) => setSaveResult(value)}

无效 我有这个错误 Untuff typeError：SetSaveresult不是功能，

这是我使用MUI自动完成的React代码

Answer 1

更改您的Onchange FN。

onChange={(event, v) => {     
   setSaveResult(v)  
 }
}

OnChange您正在调用一个匿名函数，并且该函数正在执行SetSaveresult，并且您将两个参数传递给匿名FN，事件和值。