react中Maximum update depth exceeded.

具体报错：Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.

报错代码图片：

 解决办法：直接在onClick中加箭头函数

import React, { Component } from 'react';

export default class Test extends Component {

    constructor(props) {
        super(props);
        this.state = {
            contents: [3, 2, 8, 0, 6],    //button按钮的内容
        }
    }

    componentDidMount() {
        this.setState({
        }, () => {
            this.audiod()
        })
    }

    audiod(id) {
        console.log('id', id);
    }

    render() {
        return (
            <div>
                {
                    this.state.contents.map((content, id) => {
                        return (
                            <button id={id} onClick={() => this.audiod(id)}>
                                {content}
                            </button>
                        )
                    })
                }
            </div>
        )
    }
}