toGetAll('crimename' + item.crimename1, parentCode, effective).then(response => { const updatedList = crimename2List updatedList[i] = response.data; setcrimename2List(updatedList); }).catch(error => { });赋值给下拉框后页面回显的是code值不是name

在这段代码中，您正在使用`toGetAll`函数从服务器获取数据，并将其赋值给`crimename2List`变量。然而，当您将数据赋值给下拉框后，页面回显的是code值而不是name值。

这通常是因为您在下拉框的选项中使用了错误的属性。默认情况下，`select`元素的选项只会显示`value`属性的值。所以，如果您希望回显name值而不是code值，您需要在选项中使用`label`属性。

以下是一种可能的解决方案：

<select value={selectedValue} onChange={handleChange}>
  {crimename2List.map((item) => (
    <option key={item.code} value={item.code}>{item.name}</option>
  ))}
</select>

在这个例子中，我们假设`crimename2List`是一个包含对象的数组，每个对象都有一个`code`属性和一个`name`属性。通过使用`map`函数，我们为每个选项创建一个`option`元素，并将`item.name`作为显示的文本，而将`item.code`作为选项的值。这样，当您选择一个选项时，所选的值将是对应的code值。

请确保在上述代码中适当地设置和处理`selectedValue`和`handleChange`变量，以便正确管理下拉框的值。

相关问题

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中，你可以使用`setState`方法来更新组件的状态。为了实现与上述代码相似的功能，你可以按照以下方式进行编写：

首先，在组件的构造函数中初始化`crimename2List`数组作为组件的状态：

constructor(props) {
  super(props);
  this.state = {
    crimename2List: []
  };
}

然后，在点击按钮或触发某个事件时，调用一个处理函数来进行异步操作，并更新状态：

handleClick(item, parentCode, effective, i) {
  toGetAll('crimename' + item.crimename1, parentCode, effective)
    .then(response => {
      const updatedList = [...this.state.crimename2List];
      updatedList[i] = response.data;
      this.setState({ crimename2List: updatedList });
    })
    .catch(error => { });
}

在上述代码中，`handleClick` 函数接收 `item`、`parentCode`、`effective` 和 `i` 参数，这些参数可以根据你的实际需求进行调整。在异步操作成功后，我们创建一个新的数组 `updatedList` 来更新状态值 `crimename2List` 的对应索引处的元素，并使用 `setState` 方法来更新组件的状态。

最后，在组件的 `render` 方法中，你可以使用 `this.state.crimename2List[i]` 来访问更新后的状态值：

render() {
  return (
    <div>
      {this.state.crimename2List.map((item, i) => (
        <p key={i}>{item}</p>
      ))}
      <button onClick={() => this.handleClick(item, parentCode, effective, i)}>Update Value</button>
    </div>
  );
}

在上述代码中，我们使用 `map` 方法遍历 `crimename2List` 数组，并渲染每个元素的值。同时，我们为按钮绑定了 `handleClick` 函数，并传递了相应的参数。

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

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` 参数需要根据你的实际情况进行传递和调整。这只是一个示例代码，你需要根据自己的业务逻辑进行相应的修改和调整。