wiget手动移植，componentDidMount函数不生效

[AGEN233]

经api.nsmao.net提供的API获取用户IP地址和归属地，返回json格式数据做来访者显示；
接口经确认无异常且返回值正确无误；
render.console.log可以正常打印输出，p标签正常渲染;
componentDidMount.console.log期望打印"WelcomeCard 已载入！"无输出，F12无相关报错无相关警告;
目测componentDidMount函数根本没进入，但是前端p标签能正常渲染，理论上componentDidMount应该能被触发才对吧，蛮奇怪的（

const { Component } = require('inferno');
const { cacheComponent } = require('hexo-component-inferno/lib/util/cache');

class WelcomeCard extends Component {
  constructor(props) {
    super(props);
    this.state = {
      ip: null,
    };
  }

  componentDidMount() {
    console.log('WelcomeCard 已载入！');
    fetch('https://api.nsmao.net/api/ip/query?key= YOUR API')
      .then(response => {
        if (!response.ok) {
          throw new Error('Network response was not ok');
        }
        return response.json(); // 添加了这行，解析 JSON 数据
      })
      .then(data => {
        console.log('Fetched Data:', data);
        this.setState({ ip: data.data.ip });
      });
  }

  render() {
    console.log('Render 已载入！');
    const { ip } = this.state;

    return (
      <div class="card widget" id="welcome">
        <div class="card-content">
        <div class="menu">
        <h3 class="menu-label">来访者</h3>
          <p>ip: {ip}</p>
          </div>
        </div>
      </div>
    );
  }
}

WelcomeCard.Cacheable = cacheComponent(WelcomeCard, 'widget.welcome', (props) => {
  return {};
});

module.exports = WelcomeCard;

[ppoffice]

因为是server-side rendering，渲染出来的是静态的HTML