小编Мар*_*ков的帖子

如何在父组件中渲染子组件的计数器？

我有 2 个组件Widget（父组件）和Message（子组件）。我将计数器从子项传递给父项，并尝试设置从子项集获取值到状态。我犯了错误：Maximum update depth exceeded.

有子组件Message：

    import React, { Component } from "react";

export default class Message extends React.Component {
  constructor(props) {
    super(props);
    this.changeColor = this.changeColor.bind(this);
    this.changeCount = this.changeCount.bind(this);

    this.state = { h: 0, counter: 0 };
  }

  changeColor = () => {
    this.setState(state => ({
      h: Math.random()
    }));
  };

  changeCount = () => {
    this.setState(state => ({
      counter: ++state.counter
    }));
  };

  componentDidUpdate(prevProps) {
    this.props.getColor(this.color);
    this.changeCount();
    this.props.getCount(this.state.counter);
  }

  render() …