react 通过key取到后端传来的map对象的value

在React中，可以通过state或props将后端传来的map对象存储起来，然后通过key取到相应的value。

假设我们有一个名为`data`的map对象，我们可以将它存储在组件的state中，例如：

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      data: {} // 初始化为空对象
    };
  }

  componentDidMount() {
    // 假设从后端获取到了名为responseData的map对象
    const responseData = {key1: 'value1', key2: 'value2'};
    this.setState({data: responseData});
  }

  render() {
    const {data} = this.state;
    return (
      <div>
        <p>{data['key1']}</p>
        <p>{data['key2']}</p>
      </div>
    );
  }
}

在上述代码中，我们在组件的`componentDidMount`函数中获取了后端传来的map对象，并将其存储在组件的state中。然后在`render`函数中，我们可以通过`data['key1']`和`data['key2']`取到相应的value。

需要注意的是，当从后端获取到的数据发生变化时，需要调用`setState`方法重新设置state，以便React能够正确地进行更新和渲染。