我们在获取数据数组时使用 useMemo 和 useEffect。在第一个文件中，我使用来自钩子（第二个文件）的结果设置一个 const。但结果被设置了两次，第一次结果是一个空对象。

我需要在 useEffect 完成其工作后设置它。

我们有 2 个 js 文件

• first.js
• second.js

First.js

const dataArray = useGetDataArray({ name, id });
console.log("Data Array: ", dataArray);

Second.js

export const useGetDatArray = ({ name, id } = {}) => {
  const [data, setData] = useState({});

  const index = useMemo(() => {
    console.log("in useMemo");
    const client = thirdPartyProvider;

    return client;
  }, []);

  useEffect(() => {
    console.log("in useEffect");
   
    index
      .search(name, {
        numberOfResults: 12,
      })
      .then(res => setData(_.get(res, "result")));
  }, [index]);

  return data;
};

我的控制台看起来像这样

"in useMemo "
"Data Array:"  Object {  }
"in useEffect" 
"Data Array:" Array(12) [ {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, … ]

如果可能的话，这就是我想要的

"in useMemo" 
"in useEffect" 
"Data Array:" Array(12) [ {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, … ]