当通过map()呈现多个组件时，componentDidMount仅触发一次

当通过map()呈现多个组件时，componentDidMount仅会触发一次。componentDidMount是React组件生命周期中的一个方法，它在组件挂载到DOM后立即调用。通常情况下，每个组件都有自己的生命周期方法，而componentDidMount用于执行一些只需在组件挂载后执行一次的操作。

在通过map()方法渲染多个组件时，componentDidMount会在每个组件挂载到DOM之后依次被调用。但是，由于componentDidMount是在组件挂载之后才被调用的，因此当通过map()渲染多个组件时，只有第一次渲染的组件会触发componentDidMount。这是因为React将多个组件渲染为一个组件列表，并在内部只调用一次componentDidMount方法。

以下是一个示例代码，通过map()方法渲染多个ChildComponent组件：

import React, { Component } from 'react';

class ParentComponent extends Component {
  componentDidMount() {
    console.log('Component mounted');
  }

  render() {
    const data = [1, 2, 3];

    return (
      <div>
        {data.map((item) => (
          <ChildComponent key={item} />
        ))}
      </div>
    );
  }
}

class ChildComponent extends Component {
  componentDidMount() {
    console.log('Child component mounted');
  }

  render() {
    return <div>Child component</div>;
  }
}

在上面的示例中，当ParentComponent组件挂载到DOM后，componentDidMount方法会被调用一次，输出"Component mounted"。同时，通过map()方法渲染的每个ChildComponent组件都会挂载到DOM，但只有第一个ChildComponent会触发componentDidMount方法，输出"Child component mounted"。

在React开发中，我们可以利用componentDidMount方法执行一些需要在组件挂载后立即执行的操作，比如发送请求获取数据、订阅事件等。但需要注意的是，componentDidMount方法只会在组件初始挂载时被调用一次，不会在组件更新时再次调用。如果需要在组件更新后执行一些操作，可以使用componentDidUpdate方法。