我有一个搜索框,可以从 Excel 中复制和粘贴一列。我解析输入并生成一个条目数组。
然后我映射条目并调用每个项目的自定义钩子以从我的graphql端点获取一些数据。
例如:
搜索框中提供了 3 个条目:
["D38999/26", "LJT06RE25-61PA", "D38999/46FJ61AA"]
该fetchData函数一次接收这些项目之一作为查询参数。目前,此过程将返回 3 个单独的对象,如下所示:
{query: "D38999/26", cables: Array(35)}
{query: "LJT06RE25-61PA", cables: Array(1)}
{query: "D38999/46FJ61AA", cables: Array(1)}
Run Code Online (Sandbox Code Playgroud)
如何设置反应钩子以允许我将每个对象result作为对象数组附加到State 中?
我的最终目标是像这样的对象数组:
[
{query: "D38999/26", cables: Array(35)},
{query: "LJT06RE25-61PA", cables: Array(1)},
{query: "D38999/46FJ61AA", cables: Array(1)}
]
Run Code Online (Sandbox Code Playgroud)
这是我当前用于解析 API 端点的自定义钩子
const useCableMatch = () => {
const [result, setResult] = useState([]);
const [isLoading, setIsLoading] = useState(false);
const [isError, setIsError] = useState(false);
const client = useApolloClient();
const fetchData = …Run Code Online (Sandbox Code Playgroud)