javascript - 我的 console.log() 在我的 chrome 控制台中出现了两次

Question

当我将 console.log() 放入类基 Component 的渲染方法中时，我的 console.log() 出现了在我的 chrome 控制台中两次，但我在我的 firefox 控制台中没有这个问题

我的组件:

import React, { Component } from "react";
import { connect } from "react-redux";
import { fetchPosts } from "../actions";

export class PostList extends Component {
  componentDidMount() {
    this.props.fetchPosts();
  }

  render() {
    console.log(this.props.posts);
    return (
      <div>
        <h1>Post List</h1>
      </div>
    );
  }
}
const mapStateToProps = (state) => ({
  posts: state.posts,
});

export default connect(mapStateToProps, { fetchPosts })(PostList);

Answer 1

这可能是因为 react 现在将您的应用程序包装在 <React.StrictMode> 中, strict mode结合具有反应开发工具的浏览器将开始多次调用组件以进行调试。这不会在生产版本中发生。