toGetAll('crimename' + item.crimename1, parentCode, effective) .then(response => { this.crimename2List[i] = response.data this.$set(this.crimename2List, i, this.crimename2List[i]) }) .catch(error => { });用react怎么写

在React中，你可以使用`useState`来管理组件的状态，并使用`useEffect`来处理异步操作。下面是使用React Hooks的示例代码：

import React, { useState, useEffect } from 'react';

function YourComponent() {
  const [crimename2List, setCrimename2List] = useState([]);

  useEffect(() => {
    const fetchData = async () => {
      try {
        const response = await toGetAll('crimename' + item.crimename1, parentCode, effective);
        const updatedList = [...crimename2List];
        updatedList[i] = response.data;
        setCrimename2List(updatedList);
      } catch (error) {
        // 处理错误
      }
    };

    fetchData();
  }, [item.crimename1, parentCode, effective]);

  return (
    <div>
      {/* 渲染 crimename2List 中的数据 */}
      {crimename2List.map((data, i) => (
        <p key={i}>{data}</p>
      ))}
    </div>
  );
}

在上述代码中，我们使用了函数式组件和React Hooks来实现异步操作。首先，我们使用`useState`来创建名为`crimename2List`的状态变量，并使用`setCrimename2List`方法来更新它的值。然后，使用`useEffect`来处理异步操作。

在`useEffect`的回调函数中，我们定义了一个名为`fetchData`的异步函数，该函数使用`await`关键字等待异步请求的结果。成功获取结果后，我们创建一个新的数组`updatedList`来更新状态值`crimename2List`的对应索引处的元素，并使用`setCrimename2List`方法来更新组件的状态。

最后，在组件的返回值中，我们使用`map`方法遍历`crimename2List`数组，并渲染每个元素的值。

请注意，上述代码中的 `item.crimename1`、`parentCode`、`effective` 和 `i` 参数需要根据你的实际情况进行传递和调整。这只是一个示例代码，你需要根据自己的业务逻辑进行相应的修改和调整。