小编Jer*_*don的帖子

useState 对象数组

我有一个搜索框,可以从 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)

javascript ecmascript-6 reactjs react-hooks

4
推荐指数
1
解决办法
5万
查看次数

标签 统计

ecmascript-6 ×1

javascript ×1

react-hooks ×1

reactjs ×1